Fix site width on mobile safari

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