persistent top bar

src/App.vue

@@ -3,6 +3,7 @@
     <header>
       <TopBar/>
     </header>
+    <v-main>
     <div class = "banner">
       <h1><a aria-label="Ordbøkene bokmålsordboka og nynorskordboka sitt nettsted" :class="$vuetify.breakpoint.name"  href="/" tabindex="1">Ordbøkene</a></h1>
       
@@ -20,6 +21,7 @@
       </div>
       <div>Bokmålsordboka og Nynorskordboka viser skrivemåte og bøying i tråd med norsk rettskriving. Språkrådet og Universitetet i Bergen står bak ordbøkene. Gi oss gjerne tilbakemelding på <a href="mailto:ordbok-beta@uib.no">ordbok-beta@uib.no</a>.</div>
     </footer>
+    </v-main>
   </v-app>
 </template>
 <script>

src/components/TopBar.vue

 <template>
-        <v-toolbar class = "top-bar" dense dark color="primary">
+        <v-app-bar app class = "top-bar" dense dark color="primary">
       <div class="beta" :title="release">{{version_label}}</div>
       <v-spacer/>
       <v-toolbar-items v-if="!$vuetify.breakpoint.mobile">
@@ -40,7 +40,7 @@
       
       </v-toolbar-items>
       <v-divider vertical/>
-    </v-toolbar>
+        </v-app-bar>
 </template>
 
 <script>