push footer to bottom of page

DISIC · Dec 13, 2024 · 7e75903 · 7e75903
1 parent b6391eb
commit 7e75903
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/confiture-web-app/src/components/layout/SiteFooter.vue b/confiture-web-app/src/components/layout/SiteFooter.vue
@@ -30,7 +30,7 @@ const bottomLinks = [
 </script>
 
 <template>
-  <footer id="footer" class="fr-footer" role="contentinfo">
+  <footer id="footer" class="fr-footer fr-mt-auto" role="contentinfo">
     <div v-if="accountStore.account" class="fr-footer__top">
       <div class="fr-container">
         <div class="fr-grid-row fr-grid-row--start fr-grid-row--gutters">

diff --git a/confiture-web-app/src/styles/main.css b/confiture-web-app/src/styles/main.css
@@ -2,6 +2,12 @@
   --dsfr-outline: #0a76f6;
 }
 
+#app {
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+}
+
 /* FIXME: Collapses have awful transition performances. Re-enable when performance problems have been fixed. */
 .fr-collapse,
 .fr-collapse::before {