From 05e86e6cc5facb8aa059ca1b21eefb0e73db2180 Mon Sep 17 00:00:00 2001
From: Zhu Zhonghua <zhonghua@qq.com>
Date: 星期五, 11 四月 2025 18:04:58 +0800
Subject: [PATCH] 初版页面美化
---
src/layout/components/Sidebar/Logo.vue | 16 ++++++++++------
1 files changed, 10 insertions(+), 6 deletions(-)
diff --git a/src/layout/components/Sidebar/Logo.vue b/src/layout/components/Sidebar/Logo.vue
index 05387bc..1d54f4e 100644
--- a/src/layout/components/Sidebar/Logo.vue
+++ b/src/layout/components/Sidebar/Logo.vue
@@ -2,12 +2,12 @@
<div class="sidebar-logo-container" :class="{ 'collapse': collapse }">
<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 v-else class="sidebar-title">{{ title }}</h1>
+ <img v-if="logo" :src="logow" class="sidebar-logo-collapse" />
+ <!-- <h1 v-else class="sidebar-title">{{ title }}</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">{{ title }}</h1>
+ <!-- <h1 class="sidebar-title">{{ title }}</h1> -->
</router-link>
</transition>
</div>
@@ -15,6 +15,7 @@
<script setup>
import logo from '@/assets/logo/logo.png'
+import logow from '@/assets/logo/logo-white.png'
import useSettingsStore from '@/store/modules/settings'
import variables from '@/assets/styles/variables.module.scss'
@@ -72,10 +73,13 @@
width: 100%;
& .sidebar-logo {
- width: 32px;
- height: 32px;
+ height: 15px;
vertical-align: middle;
- margin-right: 12px;
+ }
+
+ & .sidebar-logo-collapse {
+ height: 47px;
+ vertical-align: middle;
}
& .sidebar-title {
--
Gitblit v1.9.3