🚸 Prevent scrolling when hamburger menu is open (#1631)

packages/website/src/components/Layout/Hamburger/index.tsx

@@ -20,6 +20,14 @@ const Hamburger = () => {
     return () => Router.events.off('routeChangeStart', onRouteChangeStart)
   }, [])
 
+  useEffect(() => {
+    if (isOpen) {
+      document.body.classList.add('overflow-hidden')
+    } else {
+      document.body.classList.remove('overflow-hidden')
+    }
+  }, [isOpen])
+
   return (
     <div className={styles.hamburger}>
       <button

packages/website/src/utils/theme/theme.css

@@ -114,6 +114,10 @@ pre {
   padding: 1em;
 }
 
+.overflow-hidden {
+  overflow: hidden;
+}
+
 .overflow-x-adjust {
   overflow-x: auto;
 }