moved build-stats from footer to nav

frontend/components.d.ts

@@ -8,6 +8,8 @@ export {}
 declare module 'vue' {
   export interface GlobalComponents {
     BuildServerStats: typeof import('./src/components/BuildServerStats.vue')['default']
+    BuildStats: typeof import('./src/components/BuildStats.vue')['default']
+    CurrentlyBuilding: typeof import('./src/components/CurrentlyBuilding.vue')['default']
     FooterContent: typeof import('./src/components/FooterContent.vue')['default']
     MainNav: typeof import('./src/components/MainNav.vue')['default']
     Packages: typeof import('./src/components/Packages.vue')['default']

frontend/src/App.vue

@@ -1,18 +1,16 @@
 <template>
   <v-app>
     <v-sheet :style="`width: ${contentWidth}px; margin-left: ${offsetLeft}px;`" color="transparent">
-      <main-nav :style="`padding-left: ${offsetLeft}px;`" />
+      <main-nav :style="`padding-left: ${offsetLeft}px; padding-right: ${offsetLeft}px;`" />
 
       <v-main>
         <build-server-stats />
 
+        <currently-building />
+
         <packages />
       </v-main>
     </v-sheet>
-
-    <v-footer :style="`padding-left: ${offsetLeft}px;`" app color="black">
-      <footer-content />
-    </v-footer>
   </v-app>
 </template>
 
@@ -21,7 +19,7 @@ import MainNav from '@/components/MainNav.vue'
 import BuildServerStats from '@/components/BuildServerStats.vue'
 import Packages from '@/components/Packages.vue'
 import { onMounted, ref } from 'vue'
-import FooterContent from '@/components/FooterContent.vue'
+import CurrentlyBuilding from '@/components/CurrentlyBuilding.vue'
 
 const contentWidth = ref(1440)
 const offsetLeft = ref(0)

frontend/src/components/BuildStats.vue

@@ -1,17 +1,17 @@
 <template>
-  <v-sheet class="d-flex justify-center" color="transparent" style="gap: 50px" width="100%">
+  <v-sheet class="d-flex" color="transparent" style="gap: 50px">
-    <v-list bg-color="black" class="d-flex" style="border-radius: 5px">
+    <v-list bg-color="transparent" class="d-flex" style="border-radius: 5px">
       <v-list-subheader>Stats:</v-list-subheader>
-      <v-list-item style="color: #084f46" title="latest">{{ stats.latest }}</v-list-item>
+      <v-list-item style="color: #069b35" title="latest">{{ stats.latest }}</v-list-item>
-      <v-list-item style="color: #824204" title="queued">{{ stats.queued }}</v-list-item>
+      <v-list-item style="color: #b97808" title="queued">{{ stats.queued }}</v-list-item>
-      <v-list-item style="color: #4c4c4c" title="skipped">{{ stats.skipped }}</v-list-item>
+      <v-list-item style="color: #878787" title="skipped">{{ stats.skipped }}</v-list-item>
-      <v-list-item style="color: #711712" title="failed">{{ stats.failed }}</v-list-item>
+      <v-list-item style="color: #b30303" title="failed">{{ stats.failed }}</v-list-item>
     </v-list>
-    <v-list bg-color="black" class="d-flex" style="border-radius: 5px">
+    <v-list bg-color="transparent" class="d-flex" style="border-radius: 5px">
       <v-list-subheader>LTO:</v-list-subheader>
-      <v-list-item style="color: #084f46" title="enabled">{{ stats.lto.enabled }}</v-list-item>
+      <v-list-item style="color: #069b35" title="enabled">{{ stats.lto.enabled }}</v-list-item>
-      <v-list-item style="color: #711712" title="disabled">{{ stats.lto.disabled }}</v-list-item>
+      <v-list-item style="color: #b30303" title="disabled">{{ stats.lto.disabled }}</v-list-item>
-      <v-list-item style="color: #4c4c4c" title="unknown">{{ stats.lto.unknown }}</v-list-item>
+      <v-list-item style="color: #878787" title="unknown">{{ stats.lto.unknown }}</v-list-item>
     </v-list>
   </v-sheet>
 </template>

frontend/src/components/MainNav.vue

@@ -1,7 +1,9 @@
-<script lang="ts" setup></script>
+<script lang="ts" setup>
+import BuildStats from '@/components/BuildStats.vue'
+</script>
 
 <template>
-  <v-app-bar color="primary" flat>
+  <v-app-bar color="#191c2a" style="background: #0d1538">
     <v-app-bar-title style="margin-left: 0 !important">
       <span style="font-size: 20px">
         ALHP Status
@@ -14,6 +16,10 @@
         </a>
       </span>
     </v-app-bar-title>
+
+    <template v-slot:append>
+      <build-stats />
+    </template>
   </v-app-bar>
 </template>