Nuxt•2y ago

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

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

flex-grow ml-2 mt-3

In case of, Sidebar parent :

bg-red-100 flex flex-row h-screen

bg-red-100 flex flex-row h-screen

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

Thanks

Nuxt•2y ago

Omnislash

Nuxt UI VerticalNavigation selected too wide

bg-gray-200 flex flex-col w-[500px] transparent overflow-y-auto pl-3 transition-all duration-777

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

flex-grow ml-2 mt-3

In case of, Sidebar parent :

bg-red-100 flex flex-row h-screen

bg-red-100 flex flex-row h-screen

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

Thanks

Nuxt UI VerticalNavigation selected too wide

Similar Threads

Nuxt UI VerticalNavigation selected too wide

Similar Threads

Similar Threads

Similar Threads