From 430a0d6827510803b421a53efa2a50f4a2d7951f Mon Sep 17 00:00:00 2001
From: Henrik Askjer <henrik.askjer@uib.no>
Date: Fri, 19 Nov 2021 14:43:45 +0100
Subject: [PATCH] absolute button width
---
src/App.vue | 8 ++++----
1 file changed, 4 insertions(+), 4 deletions(-)
diff --git a/src/App.vue b/src/App.vue
index 750f2257..f3ba7b43 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/>
--
GitLab