fixing css and adding mobile bottom nav comonent

rupali-codes · Nov 30, 2023 · 6edaf7c · 6edaf7c
1 parent 2daedb1
commit 6edaf7c
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/layouts/GeneralLayout.tsx b/layouts/GeneralLayout.tsx
@@ -10,6 +10,7 @@ import { IContext } from 'types'
 import { GlobalContext } from 'context/GlobalContext'
 import clsx from 'clsx'
 import { usePathname } from 'next/navigation'
+import MobileBottomNav from 'components/MobileBottomNav/MobileBottomNav'
 
 const GeneralLayout = ({ children }: { children: ReactNode }) => {
   const { sidebar } = useContext<IContext>(GlobalContext)
@@ -20,7 +21,7 @@ const GeneralLayout = ({ children }: { children: ReactNode }) => {
       <Header />
       <SideNavbar />
       <div
-        className={`row-start-2 row-end-3 min-h-[100vh-72px] w-full bg-gray-100 dark:bg-[#101623] ${
+        className={`row-start-2 row-end-3 overflow-y-scroll max-h-[calc(100vh-156px)] sm:max-h-[calc(100vh-72px)] w-full bg-gray-100 dark:bg-[#101623] ${
           sidebar ? 'max-[1024px]:overflow-hidden' : ''
         }`}
       >
@@ -38,6 +39,7 @@ const GeneralLayout = ({ children }: { children: ReactNode }) => {
         >
           {children}
           <Footer />
+          <MobileBottomNav />
         </main>
       </div>
     </>