From 11ece73e50f158f4f898358131a6f4e0fd300885 Mon Sep 17 00:00:00 2001
From: LJ5O <75009579+LJ5O@users.noreply.github.com>
Date: Tue, 1 Apr 2025 20:10:43 +0200
Subject: [PATCH] Fixed invalid footer placement on small pages

---
 src/App.vue         | 8 ++++++--
 src/assets/main.css | 7 +++++++
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 33e7ff0..1f9b04b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -7,12 +7,16 @@ import GOLbackground from '@/components/GOLbackground.vue';
 <template>
   <GOLbackground />
   
-  <RouterView/>
+  <main>
+    <RouterView/>
+  </main>
 
   <app_footer />
 
 </template>
 
 <style scoped>
-
+  main{
+    flex:1;
+  }
 </style>
diff --git a/src/assets/main.css b/src/assets/main.css
index df7044e..d706a10 100644
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -27,4 +27,11 @@ a:visited{
   border-radius: 6px;
   cursor: pointer;
   text-align: center;
+}
+
+#app{
+  height: 100%;
+  margin: 0;
+  display: flex;
+  flex-direction: column;
 }
\ No newline at end of file