williamet/cas_cloud_admin_i18n
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

bugfix

Browse Source
This commit is contained in:
quantulr
2023-10-18 17:24:21 +08:00
parent e81644353d
commit 62b38cbefb
2 changed files with 20 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/layout/components/Sidebar/Logo.vue
View File

@ -1,8 +1,8 @@
<template>
<div
class="sidebar-logo-container"
:class="{ collapse: collapse }"
:style="{
class="sidebar-logo-container"
:class="{ collapse: collapse }"
:style="{
backgroundColor:
sideTheme === 'theme-dark'
? variables.menuBackground
@ -11,16 +11,16 @@
>
<transition name="sidebarLogoFade">
<router-link
v-if="collapse"
key="collapse"
class="sidebar-logo-link"
to="/"
v-if="collapse"
key="collapse"
class="sidebar-logo-link"
to="/"
>
<img v-if="logoSmall" :src="logoSmall" class="sidebar-logo-small" />
<img v-if="logoSmall" :src="logoSmall" class="sidebar-logo-small"/>
<h1
v-else
class="sidebar-title"
:style="{
v-else
class="sidebar-title"
:style="{
color:
sideTheme === 'theme-dark'
? variables.logoTitleColor
@ -31,8 +31,11 @@
</h1>
</router-link>
<router-link v-else key="expand" 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>-->
<h1 class="sidebar-title"
:style="{ color: sideTheme === 'theme-dark' ? variables.logoTitleColor : variables.logoLightTitleColor }">
咸海生态治理国际科技产业合作信息化平台</h1>
</router-link>
</transition>
</div>
@ -78,12 +81,14 @@ const sideTheme = computed(() => settingsStore.sideTheme);
& .sidebar-logo-link {
height: 100%;
width: 100%;
& .sidebar-logo {
width: 75px;
height: 22px;
vertical-align: middle;
margin-right: 12px;
}
& .sidebar-logo-small {
// width: 32px;
width: unset;