NuxtN
Nuxtβ€’2y ago
Omnislash

Nuxt UI VerticalNavigation selected too wide

Hello all,

I'm working on a Sidebar, and I have this reaction from the VerticalNavigation item : the hover/selected is longer than the content (or the longest item at least)

I don't have much so far style wise
For the sidebar :
bg-gray-200 flex flex-col w-[500px] transparent overflow-y-auto pl-3 transition-all duration-777

For the div, direct children of the sidebar, the VerticalNavigation is in this div :
flex-grow ml-2 mt-3

In case of, Sidebar parent :
bg-red-100 flex flex-row h-screen


I don't really know how to start to fix that :/

Thanks πŸ™‚
Opera_Snapshot_2024-04-19_035426_localhost.png
Was this page helpful?