Fix hairline image bleed through nav

2025-03-24 12:08:43 -05:00 · 2025-03-24 12:08:43 -05:00 · 0bca41b329
commit 0bca41b329
parent 62f64a9cbb
1 changed files with 3 additions and 2 deletions
--- a/src/app/Nav.tsx
+++ b/src/app/Nav.tsx
@ -79,8 +79,9 @@ export default function Nav({
              key="nav"
              ref={ref}
              className={clsx(
-                'flex items-center w-full',
-                'bg-main',
+                // Enlarge nav to ensure it fully masks underlying content
+                'translate-x-[-20px] w-[calc(100%+40px)] px-[20px] bg-main',
+                'flex items-center',
                shouldAnimateStickyNav && 'transition-transform duration-200',
                shouldHideStickyNav
                  ? 'translate-y-[-100%]'