header: remove labels since they capture input sometimes ????

This commit is contained in:
Agahnim 2026-03-20 15:01:08 +01:00
parent 5d32091553
commit 1974afd770
2 changed files with 14 additions and 20 deletions

View file

@ -81,7 +81,16 @@ navbar {
display: flex;
gap: 0.3rem;
label {
input {
opacity: 0;
position: absolute;
pointer-events: none;
}
& a {
color: inherit;
text-decoration: none;
cursor: pointer;
padding: 4px 8px;
border: 2px solid black;
@ -104,17 +113,6 @@ navbar {
background: #0004;
}
}
input {
opacity: 0;
position: absolute;
pointer-events: none;
}
& a {
text-decoration: none;
color: inherit;
}
}
}

View file

@ -1,12 +1,8 @@
<navbar>
<navbar-content>
<label>
<input type="radio" name="nav" id="nav-home" checked>
<a href="/">Accueil</a>
</label>
<label>
<input type="radio" name="nav" id="nav-music">
<a href="/music">Music</a>
</label>
<input type="radio" name="nav" id="nav-home" checked>
<a href="/">Accueil</a>
<input type="radio" name="nav" id="nav-music">
<a href="/music">Music</a>
</navbar-content>
</navbar>