fix: make footer stay in the bottom

laina-protocol · Sep 11, 2024 · 887d450 · 887d450
1 parent 746c2c4
commit 887d450
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -15,9 +15,9 @@ const PageWrapper = () => {
   const isIndex = pathname === '/';
 
   return (
-    <body className={`font-sans min-h-screen ${isIndex ? 'bg-white' : 'bg-grey-light'}`}>
+    <body className={`font-sans flex flex-col min-h-screen ${isIndex ? 'bg-white' : 'bg-grey-light'}`}>
       <Nav />
-      <main className={`max-w-screen ${isIndex ? 'w-[74rem]' : 'w-256'}`}>
+      <main className={`max-w-screen flex-1 ${isIndex ? 'w-[74rem]' : 'w-256'}`}>
         <Outlet />
       </main>
       <Footer />

diff --git a/src/components/Nav.tsx b/src/components/Nav.tsx
@@ -12,7 +12,7 @@ export default function Nav() {
 
   return (
     <nav
-      className={`relative mx-auto mb-12 flex justify-between items-center pt-12 pb-6 px-4 ${isIndex ? 'max-w-[74rem]' : 'max-w-screen-lg'}`}
+      className={`relative mx-auto mb-12 flex justify-between items-center pt-12 pb-6 px-4 max-w-screen ${isIndex ? 'w-[74rem]' : 'w-[64rem]'}`}
     >
       <div>
         <Link to="/">