frontend: Bring back the footer

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>

diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 84d56491f35f5d69be09309107eced5e4aad38c7..a209e32efc9d6a617691877cd0b6823ecbbf13f1 100644 (file)
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -4,6 +4,9 @@
        // Authentication
        import { useAuth } from "@/composables/auth";
        const auth = useAuth();
+
+       // Current Timestamp
+       const now = new Date();
 </script>
 
 <template>
@@ -45,5 +48,17 @@
                </div>
        </nav>
 
-       <RouterView />
+       <div class="is-flex-grow-1 is-flex-shrink-0">
+               <RouterView />
+       </div>
+
+       <footer class="footer is-flex-shrink-0">
+               <Container>
+                       <div class="content has-text-centered">
+                               <p>
+                                       &copy; {{ now.getFullYear() }} - Pakfire Build Service
+                               </p>
+                       </div>
+               </Container>
+       </footer>
 </template>

diff --git a/frontend/src/assets/main.scss b/frontend/src/assets/main.scss
index f73a1121c8af2c4adf73cb1c487c4b8446f33c81..b7d4988f6ba7a99c98f6ffb23e4315e6559ae11d 100644 (file)
--- a/frontend/src/assets/main.scss
+++ b/frontend/src/assets/main.scss
@@ -16,6 +16,15 @@ $primary:                                    #ff2e52;
        $primary : $primary,
 );
 
+html, body, #app {
+       min-height: 100vh;
+}
+
+#app {
+       display: flex;
+       flex-direction: column;
+}
+
 /*
        Fonts