📱 Boxed layout for larger screens

2022-06-28 22:15:55 +02:00
parent c80a75159d
commit 62858870b4
3 changed files with 23 additions and 8 deletions
--- a/src/App.vue
+++ b/src/App.vue
@ -9,14 +9,18 @@ import { loading } from "./store";

 <template>
  <TitleBar />
-  <DateSelector v-show="$route.name != 'Settings' && $route.name != 'Login'" />
-  <main>
-    <LoadingElement
-      :active="loading"
-      v-show="$route.name != 'Settings' && $route.name != 'Login'"
-    />
-    <RouterView />
-  </main>
+  <div class="center">
+    <main>
+      <DateSelector
+        v-show="$route.name != 'Settings' && $route.name != 'Login'"
+      />
+      <LoadingElement
+        :active="loading"
+        v-show="$route.name != 'Settings' && $route.name != 'Login'"
+      />
+      <RouterView />
+    </main>
+  </div>
  <BottomNavbar v-show="$route.name != 'Login'" />
 </template>