From 57ecf6e9508d494991461441d54d950c997a7674 Mon Sep 17 00:00:00 2001
From: vikingowl <christian@nachtigall.dev>
Date: Thu, 25 Jan 2024 21:37:33 +0100
Subject: [PATCH] removed build-stats from nav on mobile

---
 frontend/src/components/MainNav.vue | 39 ++++++++++++++++-------------
 1 file changed, 21 insertions(+), 18 deletions(-)

diff --git a/frontend/src/components/MainNav.vue b/frontend/src/components/MainNav.vue
index 275baa1..f40ab70 100644
--- a/frontend/src/components/MainNav.vue
+++ b/frontend/src/components/MainNav.vue
@@ -1,28 +1,31 @@
-<script lang="ts" setup>
-import BuildStats from '@/components/BuildStats.vue'
-</script>
-
 <template>
   <v-app-bar color="#191c2a" style="background: #0d1538">
-    <v-container style="max-width: 1440px">
+    <v-container class="ms-3" style="max-width: 1440px">
       <v-row>
-      <v-app-bar-title style="align-self: center">
-      <span style="font-size: 20px">
-        ALHP Status
-        <a
-          class="ms-2"
-          href="https://somegit.dev/ALHP/ALHP.GO"
-          style="color: white; font-size: 25px"
-          target="_blank">
-          <i class="fa fa-gitea"></i>
-        </a>
-      </span>
-      </v-app-bar-title>
+        <v-app-bar-title style="align-self: center">
+          <span style="font-size: 20px">
+            ALHP Status
+            <a
+              class="ms-2"
+              href="https://somegit.dev/ALHP/ALHP.GO"
+              style="color: white; font-size: 25px"
+              target="_blank">
+              <i class="fa fa-gitea"></i>
+            </a>
+          </span>
+        </v-app-bar-title>
 
-      <build-stats />
+        <build-stats v-if="!mobile" />
       </v-row>
     </v-container>
   </v-app-bar>
 </template>
 
+<script lang="ts" setup>
+import BuildStats from '@/components/BuildStats.vue'
+import { useDisplay } from 'vuetify'
+
+const { mobile } = useDisplay()
+</script>
+
 <style scoped></style>