From 6fa05126884c1a58feec91c0397728fc9814f66f Mon Sep 17 00:00:00 2001 From: Khondokar Date: Fri, 1 May 2026 14:31:09 +0000 Subject: [PATCH] fix: mobile-responsive nav with hamburger menu at 480px --- src/nav.jsx | 391 ++++++++++++++++++++++++++++++++++------------------ 1 file changed, 258 insertions(+), 133 deletions(-) diff --git a/src/nav.jsx b/src/nav.jsx index 57a9322..8fc8a40 100644 --- a/src/nav.jsx +++ b/src/nav.jsx @@ -1,6 +1,7 @@ -// Top nav — minimal, sticky, blurred +// Top nav — minimal, sticky, blurred — mobile-responsive const Nav = ({ onCmdK, theme, onToggleTheme, accent, lang, onToggleLang }) => { const [scrolled, setScrolled] = React.useState(false); + const [menuOpen, setMenuOpen] = React.useState(false); React.useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 12); @@ -17,146 +18,270 @@ const Nav = ({ onCmdK, theme, onToggleTheme, accent, lang, onToggleLang }) => { ]; return ( - + )} + ); };