diff --git a/app/components/TopNav.tsx b/app/components/TopNav.tsx index 3eeaaf4..7c5ea35 100644 --- a/app/components/TopNav.tsx +++ b/app/components/TopNav.tsx @@ -33,8 +33,11 @@ export default function TopNav() { } }, [open]); - const isActive = (href: string) => - href === '/' ? pathname === '/' : pathname.startsWith(href); + const isActive = (href: string) => { + if (href === '/') return pathname === '/'; + if (href === '/services/music') return pathname === '/services/music'; + return pathname.startsWith(href); + }; return ( <> @@ -43,17 +46,17 @@ export default function TopNav() { scrolled ? 'backdrop-blur-md' : '' }`} style={{ - background: scrolled ? 'rgba(6,14,32,0.85)' : 'rgba(6,14,32,0.55)', - borderBottom: '1px solid rgba(204,151,255,0.08)', - boxShadow: scrolled ? '0 8px 40px 0 rgba(156,72,234,0.12)' : 'none', + background: scrolled ? 'rgba(6,14,32,0.7)' : 'transparent', + borderBottom: 'none', + boxShadow: scrolled ? '0 8px 32px 0 rgba(6,14,32,0.35)' : 'none', }} > - 쟁승메이드 + JSM