blandarebiter/AIGC
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

加宽左侧导航栏 - 从280px增加到320px，优化内边距和间距

Browse Source
This commit is contained in:
AIGC Developer
2025-10-22 09:29:27 +08:00
parent 0d3edd1736
commit 9318758b9c
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
demo/frontend/src/views/Home.vue
View File

@@ -291,7 +291,7 @@ onMounted(() => {
/* 左侧导航栏 */ /* 左侧导航栏 */
.sidebar { .sidebar {
width: 280px; width: 320px;
background: white; background: white;
border-right: 1px solid #e2e8f0; border-right: 1px solid #e2e8f0;
display: flex; display: flex;
@@ -302,7 +302,7 @@ onMounted(() => {
.logo { .logo {
display: flex; display: flex;
align-items: center; align-items: center;
padding: 0 24px; padding: 0 28px;
margin-bottom: 32px; margin-bottom: 32px;
} }
@@ -322,13 +322,13 @@ onMounted(() => {
.nav-menu { .nav-menu {
flex: 1; flex: 1;
padding: 0 16px; padding: 0 20px;
} }
.nav-item { .nav-item {
display: flex; display: flex;
align-items: center; align-items: center;
padding: 12px 16px; padding: 14px 20px;
margin-bottom: 4px; margin-bottom: 4px;
border-radius: 8px; border-radius: 8px;
cursor: pointer; cursor: pointer;
@@ -357,7 +357,7 @@ onMounted(() => {
} }
.sidebar-footer { .sidebar-footer {
padding: 0 24px; padding: 0 28px;
margin-top: auto; margin-top: auto;
} }