cohabit/website
5
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

fix(components): ♿ wrong html semantic replace nav by menu

Browse source
This commit is contained in:
Julien Oculi 2024-07-03 14:55:02 +02:00
parent 08ec221138
commit 7322070876
2 changed files with 7 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
components/Header.css
View file

@ -37,7 +37,7 @@ header div {
} }
} }
header nav { header menu {
margin: 0; margin: 0;
padding: 0; padding: 0;
width: 100%; width: 100%;
@ -151,7 +151,7 @@ header details {
} }
} }
.components__header__nav_button { .components__header__menu_button {
color: var(--_font-color); color: var(--_font-color);
display: inline-block; display: inline-block;
text-decoration: none; text-decoration: none;

10
components/Header.tsx
View file

@ -15,21 +15,21 @@ export function Header() {
<span class='components__header__brand__text'>bit</span> <span class='components__header__brand__text'>bit</span>
</a> </a>
</span> </span>
<nav> <menu>
<li> <li>
<a href='/machines' class='components__header__nav_button'> <a href='/machines' class='components__header__menu_button'>
<i class='ri-hammer-line'></i> <i class='ri-hammer-line'></i>
<span>Machines</span> <span>Machines</span>
</a> </a>
</li> </li>
<li> <li>
<a href='/projets' class='components__header__nav_button'> <a href='/projets' class='components__header__menu_button'>
<i class='ri-organization-chart'></i> <i class='ri-organization-chart'></i>
<span>Projets</span> <span>Projets</span>
</a> </a>
</li> </li>
<li> <li>
<a href='/blog' class='components__header__nav_button'> <a href='/blog' class='components__header__menu_button'>
<i class='ri-question-answer-line'></i> <i class='ri-question-answer-line'></i>
<span>Blog</span> <span>Blog</span>
</a> </a>
@ -53,7 +53,7 @@ export function Header() {
</ul> </ul>
</details> </details>
</li> </li>
</nav> </menu>
<SearchBox /> <SearchBox />
<MoreBox> <MoreBox>
<ThemePicker /> <ThemePicker />