fix(components): ♿ wrong html semantic replace nav
by menu
This commit is contained in:
parent
08ec221138
commit
7322070876
|
@ -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;
|
||||||
|
|
|
@ -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 />
|
||||||
|
|
Loading…
Reference in a new issue