diff --git a/src/components/Menu.vue b/src/components/Menu.vue index a473b9307ff234b12793c59fec14b716a4553024..3117a96ed11bc493902c55a203a2efb17bd2d429 100644 --- a/src/components/Menu.vue +++ b/src/components/Menu.vue @@ -3,24 +3,24 @@ <v-toolbar dark color="primary"> <v-toolbar-title>Meny</v-toolbar-title><v-spacer></v-spacer> <v-toolbar-items> - <v-btn - dark - text - @click="$emit('close')" - > - Tilbakestill - </v-btn> - <v-btn - dark - text - @click="$emit('close')" + + <v-btn + @click="$emit('close')" + dark + icon > - Lukk + <v-icon>close</v-icon> </v-btn> </v-toolbar-items> </v-toolbar> - <v-container fluid><v-row align="center" justify="space-between"> - <v-col><v-subheader>Visningsspråk</v-subheader> + <v-card-text> + <v-list subheader> + <v-subheader>Hjelp og informasjon</v-subheader> + <v-btn text to="/om">Om ordbøkene<v-icon>chevron_right</v-icon></v-btn> + </v-list> + <v-list subheader> + + <v-subheader>Visningsspråk</v-subheader> <v-select rounded :value="$store.state.currentLocale" @input="changeLocale" @@ -28,9 +28,11 @@ outlined :items="locales" dense> - </v-select></v-col> - </v-row><v-row align="center"><v-col> - + </v-select> + </v-list> + <v-divider></v-divider> + <v-list three-line subheader> + <v-subheader>Instillinger</v-subheader> <v-checkbox v-model="toggleSearchToolbar" label="Vis verktøylinje for søkealternativer"