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

added mix blend mode for navbar

Browse source
This commit is contained in:
liyunze 2025-08-18 17:20:28 +10:00
parent e0440aa4ca
commit 5b6933994b
1 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -161,7 +161,7 @@ export const HoverNavigation = ({
<AnimatePresence>
{hoveredIndex === idx && (
<motion.span
className="absolute inset-0 block h-full w-full rounded-3xl bg-neutral-200"
className="absolute inset-0 z-10 block h-full w-full rounded-3xl bg-neutral-200"
layoutId="hoverBackground"
initial={{ opacity: 0 }}
animate={{
@ -213,7 +213,7 @@ export const HoverNavigation = ({
<li key={item?.link}>
<a
href={item?.link}
className="group relative block px-5 py-2 text-center lg:hidden"
className="block px-5 py-2 text-center mix-blend-difference lg:hidden"
>
{item.label}
</a>
@ -235,7 +235,7 @@ export const NavBarLink = ({
return (
<div
className={cn(
"relative z-20 h-fit w-full overflow-hidden rounded-2xl text-center transition-all ease-out group-hover:text-black",
"relative z-20 h-fit w-full overflow-hidden rounded-2xl text-center mix-blend-difference transition-all ease-out",
className,
)}
>