fix nav menu in lower res screens (#6)

Ubayed-Bin-Sufian · web-flow · commit 1f9e5d0081c3 · 2025-02-21T09:37:14.000+05:30
diff --git a/src/sections/Header.tsx b/src/sections/Header.tsx
@@ -205,7 +205,7 @@ const Header: React.FC = () => {
                   exit={{ opacity: 0, x: '100%' }}
                   transition={{ type: 'tween', duration: 0.3 }}
                   className="fixed md:hidden top-0 right-0 bottom-0 w-[80%] max-w-sm bg-white shadow-xl z-40
-                            flex flex-col h-full"
+                            flex flex-col h-screen overflow-y-auto"
                 >
                   <div className="h-20" />
                   <div className="flex-1 overflow-y-auto overscroll-contain px-4 py-6">

Original file line number	Diff line number	Diff line change
`@@ -205,7 +205,7 @@ const Header: React.FC = () => {`
`205`	`205`	`exit={{ opacity: 0, x: '100%' }}`
`206`	`206`	`transition={{ type: 'tween', duration: 0.3 }}`
`207`	`207`	`className="fixed md:hidden top-0 right-0 bottom-0 w-[80%] max-w-sm bg-white shadow-xl z-40`
`208`		`- flex flex-col h-full"`
	`208`	`+ flex flex-col h-screen overflow-y-auto"`
`209`	`209`	`>`
`210`	`210`	`<div className="h-20" />`
`211`	`211`	`<div className="flex-1 overflow-y-auto overscroll-contain px-4 py-6">`