rythondev/RythonDev
1
0
Fork 0
mirror of https://github.com/liyunze-coding/RythonDev.git synced 2026-09-22 15:53:57 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

improved mobile nav animation

Browse source
This commit is contained in:
liyunze 2025-08-10 13:28:22 +10:00
parent 0f8be5208a
commit e4887cec25
1 changed files with 2 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/components/ui/NavigationBar.tsx
View file

@ -185,6 +185,7 @@ export const HoverNavigation = ({
<motion.ul <motion.ul
animate={{ animate={{
height: hamburgerOpen ? "auto" : "0px", height: hamburgerOpen ? "auto" : "0px",
opacity: hamburgerOpen ? "100%" : "0",
}} }}
transition={{ transition={{
ease: "easeInOut", ease: "easeInOut",
@ -195,9 +196,7 @@ export const HoverNavigation = ({
<a <a
href={item?.link} href={item?.link}
key={item?.link} key={item?.link}
className="group relative block h-full px-5 py-2 text-center lg:hidden" className="group relative block px-5 py-2 text-center lg:hidden"
onMouseEnter={() => setHoveredIndex(idx)}
onMouseLeave={() => setHoveredIndex(null)}
> >
{item.label} {item.label}
</a> </a>