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

This commit is contained in:
萝卜
2026-03-15 18:33:17 +08:00
parent d50a4fd846
commit e68c3428d4

View File

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