Nuxt•5mo 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 🙂

0 Replies

No replies yetBe the first to reply to this messageJoin

Gaming

Programming

Nuxt UI VerticalNavigation selected too wide