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

放大导航栏按钮 - 增加按钮尺寸、图标大小和文字大小，提升用户体验

Browse Source
This commit is contained in:
AIGC Developer
2025-10-22 09:30:22 +08:00
parent 9318758b9c
commit 5795372b63
1 changed files with 8 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -322,18 +322,19 @@ onMounted(() => {
.nav-menu { .nav-menu {
flex: 1; flex: 1;
padding: 0 20px; padding: 0 24px;
} }
.nav-item { .nav-item {
display: flex; display: flex;
align-items: center; align-items: center;
padding: 14px 20px; padding: 18px 24px;
margin-bottom: 4px; margin-bottom: 6px;
border-radius: 8px; border-radius: 10px;
cursor: pointer; cursor: pointer;
transition: all 0.2s ease; transition: all 0.2s ease;
color: #64748b; color: #64748b;
font-size: 16px;
} }
.nav-item:hover { .nav-item:hover {
@@ -347,12 +348,12 @@ onMounted(() => {
} }
.nav-item .el-icon { .nav-item .el-icon {
margin-right: 12px; margin-right: 16px;
font-size: 18px; font-size: 22px;
} }
.nav-item span { .nav-item span {
font-size: 14px; font-size: 16px;
font-weight: 500; font-weight: 500;
} }