style(admin): 顶部导航对齐 AntD Pro Header(使用主题令牌)
This commit is contained in:
@@ -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{
|
||||
|
||||
Reference in New Issue
Block a user