mirror of
https://github.com/liyunze-coding/RythonDev.git
synced 2026-09-22 07:44:26 +00:00
fixed on scroll animation
This commit is contained in:
parent
b93ef03e4c
commit
29c69e73a5
2 changed files with 3 additions and 3 deletions
|
|
@ -24,7 +24,7 @@ export default function Navigationbar() {
|
|||
},
|
||||
];
|
||||
return (
|
||||
<div className="bg-secondary fixed top-5 left-1/2 z-30 box-border flex w-auto -translate-x-1/2 items-center justify-center gap-5 overflow-auto rounded-full border-2 border-solid border-gray-700 px-5 py-3">
|
||||
<div className="bg-secondary fixed top-5 left-1/2 z-30 box-border flex -translate-x-1/2 items-center justify-center gap-5 overflow-auto rounded-full border-2 border-solid border-gray-700 px-5 py-3">
|
||||
<img
|
||||
src="/images/pfp_new.webp"
|
||||
alt="Ryan"
|
||||
|
|
|
|||
|
|
@ -42,7 +42,7 @@ export const HoverNavigation = ({
|
|||
return (
|
||||
<motion.div
|
||||
animate={{
|
||||
width: visible ? "100%" : "0%",
|
||||
width: visible ? "auto" : "0px",
|
||||
}}
|
||||
className={cn(
|
||||
"flex flex-row items-center justify-center overflow-hidden",
|
||||
|
|
@ -53,7 +53,7 @@ export const HoverNavigation = ({
|
|||
<a
|
||||
href={item?.link}
|
||||
key={item?.link}
|
||||
className="group relative block h-full w-auto px-5 py-2"
|
||||
className="group relative block h-full px-5 py-2"
|
||||
onMouseEnter={() => setHoveredIndex(idx)}
|
||||
onMouseLeave={() => setHoveredIndex(null)}
|
||||
>
|
||||
|
|
|
|||
Loading…
Reference in a new issue