search

codse / animata

Bring your site to life with easy to use animation & interaction code. Copy. Paste. Animate.
https://animata.design
MIT License
1.45k stars 145 forks source link

feat(navbar-smooth-transition): added navbar-smooth-transition compo… #382

Closed Rudra-Sankha-Sinhamahapatra closed 4 weeks ago

Rudra-Sankha-Sinhamahapatra commented 1 month ago

Fixes #376

https://github.com/user-attachments/assets/4279dec2-820c-4830-b1f1-41db6cd1ebbd

I have kep the main div which's bg is white the height as 52 because if i dont keep it then you or i nobody will be able to see the dropdown menu its getting hidden then (if any suggestions i am ready to change) As you can see in the screen recording i havent used ripple button the reason is being that if i used the button then i cannot apply my own bg and hover bg then it acts weird and if i dont apply any className the size of it is so big so that it doesnt suits it

heres a few screenshots where you can clearly see how its working weird

Screenshot 2024-10-26 at 3 05 03 PM

so for this if you have any suggestions then i am ready to do these Please review @hari @sudhashrestha

github-actions[bot] commented 4 weeks ago

🚀 Preview deployed to: https://5170b2bf.animata.pages.dev

hari commented 4 weeks ago

@Rudra-Sankha-Sinhamahapatra The animation and responsiveness are not quite right. Could you check https://tedy.app and see how it works on mobile and desktop? Also, you can use shadcn's navigation menu for easier implementation.