fix: layout

raexera · Sep 11, 2024 · 9fa4c91 · 9fa4c91
1 parent 910f4f8
commit 9fa4c91
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
@@ -3,7 +3,7 @@ import { SITE } from "@/consts";
 import Container from "@/components/Container.astro";
 ---
 
-<footer class="relative bg-white dark:bg-black">
+<footer class="relative mt-auto bg-white dark:bg-black">
   <section
     class="overflow-hidden border-t border-black/25 py-3 dark:border-white/25"
   >

diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -16,7 +16,7 @@ import { SITE } from "@/consts";
   <head>
     <BaseHead title={`${title} - ${SITE.TITLE}`} description={description} />
   </head>
-  <body>
+  <body class="flex min-h-screen flex-col">
     <Boxes client:load />
     <Starry
       client:idle
@@ -28,10 +28,10 @@ import { SITE } from "@/consts";
       particleDensity={100}
       className="fixed inset-0 z-0"
     />
-    <div class="relative z-10">
+    <div class="relative z-10 flex min-h-screen flex-col">
       <Header />
       <Drawer />
-      <main>
+      <main class="flex-grow">
         <Container size="lg">
           <slot />
         </Container>