diff --git a/src/App.vue b/src/App.vue index 750f22573f5ad1766488637d3df9773be0769cf7..f3ba7b43b7eeabf1f7be49545704e70e32c330c7 100644 --- a/src/App.vue +++ b/src/App.vue @@ -6,12 +6,12 @@ <v-spacer/> <v-toolbar-items class="hidden-sm-and-down"> <v-divider vertical/> - <v-btn text><v-icon left>public</v-icon>Bokmål<v-icon right>expand_more</v-icon></v-btn> + <v-btn text width="200" :class="$vuetify.breakpoint.name"><v-icon left>public</v-icon>Bokmål<v-icon right>expand_more</v-icon></v-btn> <v-divider vertical/> - <v-btn text><v-icon left>settings</v-icon>Instillinger<v-icon right>expand_more</v-icon></v-btn> + <v-btn text width="200"><v-icon left>settings</v-icon>Instillinger<v-icon right>expand_more</v-icon></v-btn> <v-divider vertical/> - <v-btn text @click="toggleAbout"><v-icon left>{{$route.name=='about'? "chevron_left":"info"}}</v-icon>{{$route.name=='about'? "Tilbake":"Om ordbøkene"}}</v-btn> - + <v-btn text width="200" @click="toggleAbout"><v-icon left>{{$route.name=='about'? "chevron_left":"info"}}</v-icon>{{$route.name=='about'? "Tilbake":"Om ordbøkene"}}</v-btn> + <v-divider vertical/> </v-toolbar-items> <v-toolbar-items class="hidden-md-and-up"> <v-divider vertical/>