nexus/vuefilemanager
2
0
Fork 0
mirror of https://github.com/VueFileManager/vuefilemanager.git synced 2026-04-19 00:22:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

dark mode logo

Browse Source
This commit is contained in:
Čarodej
2022-03-15 18:03:28 +01:00
parent f6f4184fb2
commit aa5742dafa
20 changed files with 185 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
resources/js/components/Index/IndexNavigation.vue
View File

@@ -2,8 +2,9 @@
<nav class="main-navigation">
<router-link :to="{ name: 'Homepage' }" tag="div" class="logo">
<img
class="max-h-6"
v-if="config.app_logo_horizontal"
:src="$getImage(config.app_logo_horizontal)"
:src="$getImage(logoSrc)"
:alt="config.app_name"
/>
<b v-if="!config.app_logo_horizontal" class="logo-text">{{ config.app_name }}</b>
@@ -53,7 +54,10 @@ import { mapGetters } from 'vuex'
export default {
name: 'IndexNavigation',
computed: {
...mapGetters(['config', 'index']),
...mapGetters(['config', 'index', 'isDarkMode']),
logoSrc() {
return this.isDarkMode && this.config.app_logo_horizontal ? this.config.app_logo_horizontal_dark : this.config.app_logo_horizontal
}
},
}
</script>

9
resources/js/components/Index/IndexPageFooter.vue
View File

@@ -3,9 +3,9 @@
<router-link :to="{ name: 'Homepage' }" tag="div" class="logo">
<img
v-if="config.app_logo_horizontal"
:src="$getImage(config.app_logo_horizontal)"
:src="$getImage(logoSrc)"
:alt="config.app_name"
class="mx-auto"
class="mx-auto max-h-6"
/>
<b v-if="!config.app_logo_horizontal" class="logo-text">{{ config.app_name }}</b>
</router-link>
@@ -38,7 +38,10 @@ import { mapGetters } from 'vuex'
export default {
name: 'IndexPageFooter',
computed: {
...mapGetters(['config']),
...mapGetters(['config', 'isDarkMode']),
logoSrc() {
return this.isDarkMode && this.config.app_logo_horizontal ? this.config.app_logo_horizontal_dark : this.config.app_logo_horizontal
},
},
}
</script>