mirror of
https://github.com/mealie-recipes/mealie.git
synced 2025-07-09 03:04:54 -04:00
add translate on toggle theme mode (#501)
This commit is contained in:
parent
7d8e2754d7
commit
f0afe67158
@ -18,9 +18,14 @@
|
||||
</div>
|
||||
|
||||
<v-spacer></v-spacer>
|
||||
<v-btn icon class="mr-1" small @click="isDark = !isDark">
|
||||
<v-icon v-text="isDark ? 'mdi-weather-night' : 'mdi-weather-sunny'"> </v-icon>
|
||||
</v-btn>
|
||||
<v-tooltip bottom>
|
||||
<template v-slot:activator="{ on, attrs }">
|
||||
<v-btn icon class="mr-1" small v-bind="attrs" v-on="on" @click="isDark = !isDark">
|
||||
<v-icon v-text="isDark ? 'mdi-weather-sunny' : 'mdi-weather-night'"> </v-icon>
|
||||
</v-btn>
|
||||
</template>
|
||||
<span>{{ isDark ? $t("settings.theme.switch-to-light-mode") : $t("settings.theme.switch-to-dark-mode") }}</span>
|
||||
</v-tooltip>
|
||||
<div v-if="!isMobile" style="width: 350px;">
|
||||
<SearchBar :show-results="true" @selected="navigateFromSearch" :max-width="isMobile ? '100%' : '450px'" />
|
||||
</div>
|
||||
@ -88,7 +93,6 @@ export default {
|
||||
this.$router.push(`/recipe/${slug}`);
|
||||
},
|
||||
openSidebar() {
|
||||
console.log(this.isDarkMode);
|
||||
this.$refs.theSidebar.toggleSidebar();
|
||||
},
|
||||
},
|
||||
|
@ -339,7 +339,9 @@
|
||||
"theme-saved": "Theme Saved",
|
||||
"theme-settings": "Theme Settings",
|
||||
"theme-updated": "Theme updated",
|
||||
"warning": "Warning"
|
||||
"warning": "Warning",
|
||||
"switch-to-light-mode": "Switch to light mode",
|
||||
"switch-to-dark-mode": "Switch to dark mode"
|
||||
},
|
||||
"token": {
|
||||
"active-tokens": "ACTIVE TOKENS",
|
||||
|
Loading…
x
Reference in New Issue
Block a user