|
|
@@ -2,8 +2,8 @@
|
|
|
<div class="sidebar-logo-container" :class="{ 'collapse': collapse }" :style="{ backgroundColor: sideTheme === 'theme-dark' ? variables.menuBackground : variables.menuLightBackground }">
|
|
|
<transition name="sidebarLogoFade">
|
|
|
<router-link v-if="collapse" key="collapse" class="sidebar-logo-link" to="/">
|
|
|
- <!-- <img v-if="logo" :src="logo" class="sidebar-logo" /> -->
|
|
|
- <h1 class="sidebar-title" :style="{ color: sideTheme === 'theme-dark' ? variables.logoTitleColor : variables.logoLightTitleColor }">{{ title }}</h1>
|
|
|
+ <img v-if="logo" :src="logo" class="sidebar-logo" />
|
|
|
+ <!-- <h1 class="sidebar-title" :style="{ color: sideTheme === 'theme-dark' ? variables.logoTitleColor : variables.logoLightTitleColor }">{{ title }}</h1> -->
|
|
|
</router-link>
|
|
|
<router-link v-else key="expand" class="sidebar-logo-link" to="/">
|
|
|
<!-- <img v-if="logo" :src="logo" class="sidebar-logo" /> -->
|
|
|
@@ -31,6 +31,10 @@ const sideTheme = computed(() => settingsStore.sideTheme);
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
+img{
|
|
|
+ filter: invert(100%)
|
|
|
+}
|
|
|
+
|
|
|
.sidebarLogoFade-enter-active {
|
|
|
transition: opacity 1.5s;
|
|
|
}
|
