feat: make screen non-scrollable in mobile view when sidebar is open (#…

…1635)
rupali-codes · Aug 30, 2023 · 96c989c · 96c989c · vercel · Aug 30, 2023
1 parent 0bbc66a
commit 96c989c
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/layouts/GeneralLayout.tsx b/layouts/GeneralLayout.tsx
@@ -5,13 +5,23 @@ import { Header } from 'components/Header/Header'
 import { Aside } from 'components/Aside/Aside'
 import { SkipLink } from 'components/SkipLink/SkipLink'
 
+import { useContext } from 'react'
+import { IContext } from 'types'
+import { GlobalContext } from 'context/GlobalContext'
+
 const GeneralLayout = ({ children }: { children: ReactNode }) => {
+  const { sidebar } = useContext<IContext>(GlobalContext)
+
   return (
     <>
       <SkipLink />
       <Header />
       <SideNavbar />
-      <div className="row-start-2 row-end-3 min-h-[100vh-72px] w-full bg-gray-100 dark:bg-[#101623]">
+      <div
+        className={`row-start-2 row-end-3 min-h-[100vh-72px] w-full bg-gray-100 dark:bg-[#101623] ${
+          sidebar ? 'max-[1024px]:overflow-hidden' : ''
+        }`}
+      >
         <nav>
           <Aside />
         </nav>