From ed7be09e546cf2e9b078cb85a2428850f6ce1ccf Mon Sep 17 00:00:00 2001
From: rramiachraf <51409801+rramiachraf@users.noreply.github.com>
Date: Mon, 6 Mar 2023 16:26:14 +0100
Subject: [PATCH] fix: make footer stick to the bottom

---
 src/App.vue | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 5f1282f5..94960027 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,12 +1,14 @@
 <template>
-    <div class="w-full min-h-screen px-1vw py-5 reset" :class="[theme]">
+    <div class="flex flex-col w-full min-h-screen px-1vw py-5 reset" :class="[theme]">
         <NavBar />
 
-        <router-view v-slot="{ Component }">
-            <keep-alive :max="5">
-                <component :is="Component" :key="$route.fullPath" />
-            </keep-alive>
-        </router-view>
+        <main class="flex-1">
+            <router-view v-slot="{ Component }">
+                <keep-alive :max="5">
+                    <component :is="Component" :key="$route.fullPath" />
+                </keep-alive>
+            </router-view>
+        </main>
 
         <FooterComponent />
     </div>