real sticky footer

aloxe · Dec 21, 2024 · 4178d30 · 4178d30
1 parent 0c3f07a
commit 4178d30
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 5 deletions.
diff --git a/src/_layouts/base.njk b/src/_layouts/base.njk
@@ -1,17 +1,18 @@
 <!DOCTYPE html>
-<html lang="{{ meta.language }}">
+<html lang="{{ meta.language }}" class="h-full">
   <head>
     {% block head %}
       {% include "head.njk" %}
     {% endblock %}
   </head>
-  <body>
+  {# <body> #}
+  <body class="flex flex-col h-full">
     {% block menu %}
       {% include "menu.njk" %}
     {% endblock %}
 
     {% block main %}
-      <main class="container mx-auto px-6 pt-4 pb-16 {% if ismarkdown %}mkdn{% endif %}">
+      <main class="container mx-auto px-6 py-4 flex-1 {% if ismarkdown %}mkdn{% endif %}" >
         {% block header %}
           {% include "header.njk" %}
         {% endblock %}

diff --git a/src/_layouts/includes/footer.njk b/src/_layouts/includes/footer.njk
@@ -1,3 +1,3 @@
-<footer class="bg-black text-white text-center p-4 fixed bottom-0 w-full">
+<footer class="bg-black text-white text-center p-4 w-full flex-shrink-0">
   made with ♥
 </footer>
diff --git a/src/_layouts/includes/menu.njk b/src/_layouts/includes/menu.njk
@@ -1,7 +1,7 @@
 {% from '../macros/renderNavItem.njk' import renderNavItem with context %}
 
 
-<nav class="w-full bg-blue-600 text-white text-xl">
+<nav class="w-full bg-blue-600 text-white text-xl flex-shrink-0">
   {% set allEntries = collections.all %}
   <ul role="list" class="flex">
     <li class="relative group">