From a46eda52850e22f503068cbcd40c811a81454e16 Mon Sep 17 00:00:00 2001
From: Henrik Askjer <henrik.askjer@uib.no>
Date: Mon, 6 Dec 2021 17:49:48 +0100
Subject: [PATCH] persistent top bar

---
 src/App.vue               | 2 ++
 src/components/TopBar.vue | 4 ++--
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 73e232bf..cb090ab7 100644
--- a/src/App.vue
+++ b/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>
diff --git a/src/components/TopBar.vue b/src/components/TopBar.vue
index dd9bbb01..0c5b5ced 100644
--- a/src/components/TopBar.vue
+++ b/src/components/TopBar.vue
@@ -1,5 +1,5 @@
 <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>
-- 
GitLab