fix:[#428] footer fix

torrust · Apr 27, 2024 · 8aa6c3a · 8aa6c3a
1 parent 0d834cc
commit 8aa6c3a
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/app.vue b/app.vue
@@ -1,20 +1,20 @@
 <template>
-  <div>
+  <div class="flex flex-col" style="min-height: 100vh;">
     <Notifications />
 
     <NavigationBar />
 
-    <div class="flex flex-col w-full px-4 bg-base-300 md:px-8 lg:px-24">
+    <div class="flex flex-col w-full px-4 md:px-8 lg:px-24">
       <div class="flex flex-col my-6" style="max-width: 100vw;">
         <NuxtPage />
       </div>
-
-      <footer class="p-4 footer footer-center bg-base-300 text-base-content">
-        <div>
-          <p><a target="_blank" href="https://torrust.com" class="link link-hover"> Powered by Torrust </a> ⚡ <a target="_self" href="/license" class="link link-hover">Copyright © 2024</a></p>
-        </div>
-      </footer>
     </div>
+    <div class="flex-grow" />
+    <footer class="p-4 footer footer-center text-base-content">
+      <div>
+        <p><a target="_blank" href="https://torrust.com" class="link link-hover"> Powered by Torrust </a> ⚡ <a target="_self" href="/license" class="link link-hover">Copyright © 2024</a></p>
+      </div>
+    </footer>
   </div>
 </template>