search

sek-consulting / solid-ui

Beautifully designed components. Built with Kobalte & corvu. Styled with Tailwind CSS.
https://www.solid-ui.com
MIT License
864 stars 33 forks source link

Navigation menu animation animation does not stop #143

Open papatie opened 2 days ago

papatie commented 2 days ago

When hovering over the navigation menu with smaller screens, the animation does not stop and shrinks too much.

https://github.com/user-attachments/assets/98f11927-744a-4407-b2be-c976d04c7f68

sek-consulting commented 2 days ago

Hi @papatie, can you reproduce this behavior with the Kobalte primitive? https://kobalte.dev/docs/core/components/navigation-menu

I want to know if this is an Kobalte or SolidUI issue. :)

papatie commented 2 days ago

No I don't think so. But the kobalt example is also not responsive. We could fix this by using different width and grid css classes as the example. ie. w-[90vw] but actually we would like to use full width like in the radix-ui example

<NavigationMenuContent class="grid grid-rows-3 gap-3 w-[90vw] sm:grid-cols-2 sm:w-[500px] md:w-[500px] lg:w-[500px] lg:grid-cols-[.75fr_1fr] [&>li:first-child]:row-span-3">
sek-consulting commented 2 days ago

Thanks for the update :) I should be able to fix this over the weekend since it looks like some easy changes to the example.