linxianzhuang/saasshop
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(admin): 顶部导航对齐 AntD Pro Header（使用主题令牌）

Browse Source
This commit is contained in:
萝卜
2026-03-15 18:33:17 +08:00
parent d50a4fd846
commit e68c3428d4
1 changed files with 18 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
public/css/admin-components.css
View File

@@ -328,10 +328,13 @@
line-height:1.4; line-height:1.4;
} }
/* 总台管理：顶部导航（参考 eweishop 的“横向主导航 + 下拉子菜单”交互） */ /* 总台管理：顶部导航（顶部主菜单保留，但视觉对齐 Ant Design Pro Header） */
.sidebar.topnav{ .sidebar.topnav{
white-space:normal; white-space:normal;
overflow-x:visible; overflow-x:visible;
background:var(--adm-bg-header, #0f172a);
border-bottom:1px solid var(--adm-border-color, #22384f);
box-shadow:var(--adm-shadow-header, none);
} }
.topnav-row{ .topnav-row{
@@ -345,14 +348,14 @@
display:inline-flex; display:inline-flex;
align-items:center; align-items:center;
font-weight:800; font-weight:800;
color:#e2e8f0; color:var(--adm-text, #e2e8f0);
padding:8px 10px; padding:8px 10px;
border-radius:10px; border-radius:var(--adm-radius-sm, 10px);
} }
.topnav-brand:hover{ .topnav-brand:hover{
text-decoration:none; text-decoration:none;
background:#111827; background:rgba(15, 23, 42, .04);
} }
.topnav-menu{ .topnav-menu{
@@ -369,14 +372,15 @@
align-items:center; align-items:center;
gap:6px; gap:6px;
padding:8px 10px; padding:8px 10px;
border-radius:10px; border-radius:var(--adm-radius-sm, 10px);
color:#cbd5e1; color:var(--adm-text-secondary, #cbd5e1);
} }
.topnav-link:hover, .topnav-link:hover,
.topnav-summary:hover{ .topnav-summary:hover{
text-decoration:none; text-decoration:none;
background:#1e293b; background:rgba(22, 119, 255, .08);
color:var(--adm-text, #0f172a);
} }
.topnav-item{ .topnav-item{
@@ -398,11 +402,11 @@
top:calc(100% + 8px); top:calc(100% + 8px);
left:0; left:0;
min-width:180px; min-width:180px;
background:#0f172a; background:var(--adm-bg-container, #0f172a);
border:1px solid #334155; border:1px solid var(--adm-border-color, #334155);
border-radius:12px; border-radius:var(--adm-radius, 12px);
padding:10px; padding:10px;
box-shadow:0 12px 30px rgba(0,0,0,.35); box-shadow:0 12px 30px rgba(15, 23, 42, .18);
z-index:100; z-index:100;
} }
@@ -414,14 +418,14 @@
.topnav-sub{ .topnav-sub{
display:block; display:block;
padding:9px 10px; padding:9px 10px;
border-radius:10px; border-radius:var(--adm-radius-sm, 10px);
color:#cbd5e1; color:var(--adm-text, #0f172a);
margin:0; margin:0;
} }
.topnav-sub:hover{ .topnav-sub:hover{
text-decoration:none; text-decoration:none;
background:#1e293b; background:rgba(22, 119, 255, .08);
} }
.topnav-actions{ .topnav-actions{