anchor footer

reednel · Aug 11, 2023 · 13187d8 · 13187d8
1 parent 4b7384b
commit 13187d8
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/src/layouts/Base.astro b/src/layouts/Base.astro
@@ -148,7 +148,7 @@ const { title, meta_title, description, image, noindex, canonical } =
   </head>
   <body>
     <Header />
-    <main id="main-content">
+    <main id="main-content" class="flex-1">
       <slot />
     </main>
     <Footer />

diff --git a/src/layouts/partials/Footer.astro b/src/layouts/partials/Footer.astro
@@ -9,7 +9,7 @@ import { markdownify } from "@/lib/utils/textConverter";
 const { footer }: { footer: { name: string; url: string }[] } = menu;
 ---
 
-<footer class="bg-theme-light dark:bg-darkmode-theme-light">
+<footer class="bg-theme-light dark:bg-darkmode-theme-light mt-auto">
   <div class="container">
     <div class="row items-center py-4">
       <div class="mb-8 text-center lg:col-3 lg:mb-0 lg:text-left">

diff --git a/src/styles/base.scss b/src/styles/base.scss
@@ -1,9 +1,9 @@
 html {
-  @apply text-base;
+  @apply text-base h-screen;
 }
 
 body {
-  @apply bg-body font-primary font-normal leading-relaxed text-text dark:bg-darkmode-body dark:text-darkmode-text;
+  @apply bg-body font-primary font-normal leading-relaxed text-text dark:bg-darkmode-body dark:text-darkmode-text flex flex-col min-h-screen;
 }
 
 h1,