Update layout styles in MainLayout and Home components

ertush · Feb 22, 2024 · edaba07 · edaba07
1 parent 21a6507
commit edaba07
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/components/MainLayout.js b/components/MainLayout.js
@@ -88,7 +88,7 @@ export default function MainLayout({ children, isLoading, searchTerm, isFullWidt
             {/* memoize the navbar */}
             <NavBar loggedIn={isLoggedIn} user={user} />
 
-            <div className={"h-full w-full flex flex-col items-center mt-11 " + (isFullWidth ? "" : "max-w-screen-2xl") + (classes && classes.length > 0 ? classes.join(" ") : "")}>
+            <div className={"h-full w-full flex flex-col items-center mt-16 " + (isFullWidth ? "" : "max-w-screen-2xl") + (classes && classes.length > 0 ? classes.join(" ") : "")}>
                 {children}
             </div>
 

diff --git a/pages/index.js b/pages/index.js
@@ -132,7 +132,7 @@ function Home(props) {
 
                         {/* Hero Section */}
                         <div className='w-full mb-10 '>
-                            <div className='w-full  flex flex-col items-center justify-center gap-y-2 md:gap-y-4' style={{
+                            <div className='w-full flex flex-col items-center justify-center pb-2 gap-y-2 md:gap-y-4' style={{
                                 // height: '85vh',
                                 backgroundColor: "#1651b6",
                                 backgroundSize: "cover",