fix: exports page overlap (#105)

oaknational · Sep 10, 2024 · f2d1a57 · f2d1a57
1 parent 76e3cd5
commit f2d1a57
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/apps/nextjs/src/components/AppComponents/Layout/index.tsx b/apps/nextjs/src/components/AppComponents/Layout/index.tsx
@@ -1,5 +1,6 @@
 "use client";
 
+import { useDemoUser } from "@/components/ContextProviders/Demo";
 import Footer from "@/components/Footer";
 
 import { Header } from "../Chat/header";
@@ -12,10 +13,13 @@ const Layout = ({
   children: React.ReactNode;
   includeFooter?: boolean;
 }) => {
+  const isDemoUser = useDemoUser().isDemoUser;
   return (
     <div className="flex min-h-screen flex-col ">
       <Header />
-      <main className="flex h-full flex-1 flex-col bg-muted/50 bg-white">
+      <main
+        className={`flex h-full flex-1 flex-col bg-muted/50 bg-white ${isDemoUser && `pt-28 sm:pt-20`}`}
+      >
         <DialogProvider>{children}</DialogProvider>
       </main>
       {includeFooter && <Footer />}