fixed mobile page design

frontend/src/App.vue

@@ -1,7 +1,7 @@
 <template>
   <v-app>
-    <v-sheet :style="`width: ${contentWidth}px; margin-left: ${offsetLeft}px;`" color="transparent">
-      <main-nav :style="`padding-left: ${offsetLeft}px; padding-right: ${offsetLeft}px;`" />
+    <v-container style="max-width: 1440px" color="transparent">
+      <main-nav />
 
       <v-main>
         <build-server-stats />
@@ -10,7 +10,7 @@
 
         <packages />
       </v-main>
-    </v-sheet>
+    </v-container>
   </v-app>
 </template>
 
@@ -18,14 +18,6 @@
 import MainNav from '@/components/MainNav.vue'
 import BuildServerStats from '@/components/BuildServerStats.vue'
 import Packages from '@/components/Packages.vue'
-import { onMounted, ref } from 'vue'
 import CurrentlyBuilding from '@/components/CurrentlyBuilding.vue'
 
-const contentWidth = ref(1440)
-const offsetLeft = ref(0)
-
-onMounted(() => {
-  const innerWidth = window.innerWidth
-  offsetLeft.value = (innerWidth - contentWidth.value) / 2
-})
 </script>