fix(sidebar) : rend cliquable toute la zone survolée des liens (MUI-47)
Le padding vertical (pt-1/pb-1) était porté par le <li> qui affiche le fond de hover, alors que l'élément cliquable est l'<a> à l'intérieur : les ~4px en haut et en bas de chaque lien étaient survolés mais non cliquables. Le padding vertical passe sur l'<a> (py-1) — la zone de hover épouse exactement la cible de clic, sans changement visuel. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -49,14 +49,14 @@
|
||||
<li
|
||||
v-for="item in section.items"
|
||||
:key="item.to"
|
||||
:class="collapsed ? '' : 'text-black hover:bg-m-primary/10 hover:font-semibold hover:text-m-primary pt-1 pb-1'"
|
||||
:class="collapsed ? '' : 'text-black hover:bg-m-primary/10 hover:font-semibold hover:text-m-primary'"
|
||||
>
|
||||
<NuxtLink
|
||||
:to="item.to"
|
||||
active-class="!text-m-primary font-semibold"
|
||||
:class="twMerge(
|
||||
'block truncate text-[15px] leading-[150%]',
|
||||
collapsed ? 'px-3 text-center' : 'pl-[32px]',
|
||||
collapsed ? 'px-3 text-center' : 'pl-[32px] py-1',
|
||||
isActive(item) ? '!text-m-primary font-semibold' : '',
|
||||
)"
|
||||
>
|
||||
|
||||
Reference in New Issue
Block a user