NoLog.cz/gancio-upstream
6
0
Fork 0
mirror of https://framagit.org/les/gancio.git synced 2025-02-01 00:52:01 +01:00
Code Issues Projects Releases Packages Wiki Activity

fix: dark mode icon in navbar

Browse source
This commit is contained in:
lesion 2024-01-19 00:39:16 +01:00
parent 8ae09411f1
commit c0907fe6d6
No known key found for this signature in database
GPG key ID: 352918250B012177
1 changed files with 14 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
components/NavHeader.vue
View file

@ -10,7 +10,9 @@
<v-btn icon large to='/about' :title='$t("common.about")' :aria-label='$t("common.about")'>
<v-icon v-text='mdiInformation' />
</v-btn>
<v-btn icon large @click='toggleDark'>
<v-icon v-text='mdiContrastCircle' />
</v-btn>
<client-only>
<v-menu offset-y transition="slide-y-transition">
<template v-slot:activator="{ on, attrs }">
@ -83,13 +85,22 @@
</template>
<script>
import { mdiLogin, mdiDotsVertical, mdiLogout, mdiAccount, mdiCog, mdiInformation } from '@mdi/js'
import { mdiLogin, mdiDotsVertical, mdiLogout, mdiAccount, mdiCog, mdiInformation, mdiContrastCircle } from '@mdi/js'
import { mapActions, mapGetters } from 'vuex'
export default {
data () {
return { mdiLogin, mdiDotsVertical, mdiLogout, mdiAccount, mdiCog, mdiInformation }
return { mdiLogin, mdiDotsVertical, mdiLogout, mdiAccount, mdiCog, mdiInformation, mdiContrastCircle }
},
computed: {
...mapGetters(['hide_thumbs', 'is_dark']),
},
methods: {
...mapActions(['setLocalSetting']),
async toggleDark() {
this.$vuetify.theme.dark = !this.$vuetify.theme.dark
this.setLocalSetting({ key: 'theme.is_dark', value: !this.is_dark })
},
logout () {
this.$root.$message('common.logout_ok')
this.$auth.logout()