Some css + some content...

frontend/layouts/centered.vue

@@ -1,19 +0,0 @@
-<template>
-    <v-app>
-        <v-content>
-            <v-container class="fill-height" fluid>
-                <v-row align="center" justify="center">
-                    <v-col cols="12" lg="6" md="8">
-                        <nuxt />
-                    </v-col>
-                </v-row>
-            </v-container>
-        </v-content>
-    </v-app>
-</template>
-
-<script>
-export default {
-    name: 'Centered',
-}
-</script>

frontend/layouts/default.vue

@@ -1,37 +1,23 @@
 <template>
     <v-app>
-        <v-app-bar fixed app color="primary" dark>
-            <v-btn to="/" text rounded>Simple Notes</v-btn>
-            <v-spacer />
-            <div v-if="isAuthenticated">
-                <v-btn to="/notes" class="mr-2" text rounded>My notes</v-btn>
-                <v-btn class="mr-2" outlined>
-                    Welcome {{ loggedInUser.username }}
-                </v-btn>
-                <v-btn outlined @click="logout">Logout</v-btn>
-            </div>
-            <v-btn v-else to="/account" text rounded>Account</v-btn>
-        </v-app-bar>
+        <Navbar />
         <v-content>
-            <v-container>
-                <nuxt />
+            <v-container fill-height>
+                <v-row no-gutters justify="center">
+                    <v-col cols="12" sm="8" md="6">
+                        <nuxt />
+                    </v-col>
+                </v-row>
             </v-container>
         </v-content>
     </v-app>
 </template>
 
 <script>
-import { mapGetters } from 'vuex'
+import Navbar from '@/components/Navbar'
 
 export default {
-    computed: {
-        ...mapGetters(['isAuthenticated', 'loggedInUser']),
-    },
-    methods: {
-        async logout() {
-            await this.$auth.logout()
-        },
-    },
+    components: { Navbar },
 }
 </script>
 

frontend/layouts/wide.vue

@@ -0,0 +1,28 @@
+<template>
+    <v-app>
+        <Navbar />
+        <v-content>
+            <v-container fluid fill-height>
+                <v-row no-gutters justify="center">
+                    <v-col cols="12">
+                        <nuxt />
+                    </v-col>
+                </v-row>
+            </v-container>
+        </v-content>
+    </v-app>
+</template>
+
+<script>
+import Navbar from '@/components/Navbar'
+
+export default {
+    components: { Navbar },
+}
+</script>
+
+<style>
+html {
+    overflow-y: auto;
+}
+</style>