diff --git a/src/App.vue b/src/App.vue index 1a61670d748d60f54727f68edd4293879dfdc29b..1dc77d857ca941ea4342b56fdd8baa19c044cc9f 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,11 +1,12 @@ <template> <v-app id="app"> <header> - <h1><a href="/">Ordbøkene <span class="beta">(BETA)</span></a></h1> - <p class="about-link"><router-link to="/om">OM ORDBØKENE</router-link></p> + <p class="about-link"><router-link to="/om">OM ORDBØKENE</router-link></p> + <h1><a href="/">Ordbøkene</a></h1> + <div class="beta">Beta</div> <p class="sub-title"><router-link to="/">Bokmålsordboka | Nynorskordboka – rett norsk</router-link></p> </header> - <router-view :uggabuga="1"></router-view> + <router-view></router-view> <footer> <div> <img id="srlogo" src="./assets/Sprakradet_logo_neg.png" alt=""> @@ -67,7 +68,10 @@ header > p > a { text-decoration: none; } -span.beta { +.beta { + position: absolute; + top: 2px; + font-size: 20px; color: #BBBBBB; } @@ -79,6 +83,7 @@ p.about-link > a{ } header, footer { + position: relative; padding-left: calc((100vw - 1000px) / 2); padding-right: calc((100vw - 1000px) / 2); } @@ -90,7 +95,7 @@ header { } .sub-title { - font-size: 20px; + font-size: 14px; margin: 0px; }