top bar without v-main

src/App.vue

@@ -3,13 +3,17 @@
     <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>
       
       <p class="sub-title"><router-link aria-label="Ordbøkene bokmålsordboka og nynorskordboka sitt nettsted" to="/" tabindex="3">{{$t("sub-title")}}</router-link></p>
     </div>
+   
     <router-view></router-view>
+
+
     <footer>
       <div :class="$vuetify.breakpoint.xs?'sm':'lg'">
         <div>
@@ -21,7 +25,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>
@@ -81,6 +85,9 @@ h1 > a.xs, h1 > a.sm {
   font-size: 36px;
 }
 
+.banner {
+  padding-top: 60px;
+}
 
 .banner > h1 > a {
   font-size: 48px;