make all pages full height

aedwardg · aedwardg · commit e0a4de7f00de · 2025-02-09T12:03:24.000-08:00
diff --git a/index.html b/index.html
@@ -17,8 +17,8 @@
       rel="stylesheet"
     />
   </head>
-  <body>
-    <div id="root" class="bg-primary"></div>
+  <body class="h-dvh">
+    <div id="root" class="h-full bg-primary"></div>
     <script type="module" src="/src/main.tsx"></script>
   </body>
 </html>
diff --git a/src/components/Layout/index.tsx b/src/components/Layout/index.tsx
@@ -4,10 +4,10 @@ import { Outlet } from "react-router";
 
 export default function Layout() {
   return (
-    <>
+    <div className="flex h-full flex-col justify-between">
       <Header />
       <Outlet />
       <Footer />
-    </>
+    </div>
   );
 }
diff --git a/src/routes/Home/Hero.tsx b/src/routes/Home/Hero.tsx
@@ -2,7 +2,7 @@ export default function Hero() {
   return (
     <section
       id="hero"
-      className="flex min-h-[8vh] flex-col items-center justify-evenly bg-primary py-8 text-accent"
+      className="flex flex-col items-center justify-evenly bg-primary py-8 text-accent"
     >
       <div className="flex flex-wrap items-center justify-center p-8 text-center lg:p-5 xl:flex-nowrap">
         <div className="flex flex-col items-center">

Original file line number	Diff line number	Diff line change
`@@ -2,7 +2,7 @@ export default function Hero() {`
`2`	`2`	`return (`
`3`	`3`	`<section`
`4`	`4`	`id="hero"`
`5`		`- className="flex min-h-[8vh] flex-col items-center justify-evenly bg-primary py-8 text-accent"`
	`5`	`+ className="flex flex-col items-center justify-evenly bg-primary py-8 text-accent"`
`6`	`6`	`>`
`7`	`7`	`<div className="flex flex-wrap items-center justify-center p-8 text-center lg:p-5 xl:flex-nowrap">`
`8`	`8`	`<div className="flex flex-col items-center">`