fork-it/gpt-load
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: navbar style

Browse Source
This commit is contained in:
tbphp
2025-07-04 09:51:54 +08:00
parent df0d0ff344
commit 68f3fd788a
1 changed files with 3 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
web/src/components/NavBar.vue
View File

@@ -46,11 +46,10 @@ function renderMenuItem(key: string, label: string, icon: string): MenuOption {
.navbar-container { .navbar-container {
flex: 1; flex: 1;
display: flex; display: flex;
justify-content: center;
max-width: 600px; max-width: 600px;
} }
.nav-menu-item { :deep(.nav-menu-item) {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 8px; gap: 8px;
@@ -62,18 +61,13 @@ function renderMenuItem(key: string, label: string, icon: string): MenuOption {
font-weight: 500; font-weight: 500;
} }
.nav-menu-item:hover { :deep(.nav-item-icon) {
background: rgba(102, 126, 234, 0.1);
transform: translateY(-1px);
}
.nav-item-icon {
font-size: 1.1rem; font-size: 1.1rem;
display: flex; display: flex;
align-items: center; align-items: center;
} }
.nav-item-text { :deep(.nav-item-text) {
font-size: 0.95rem; font-size: 0.95rem;
letter-spacing: 0.2px; letter-spacing: 0.2px;
} }