diff --git a/public/css/admin-components.css b/public/css/admin-components.css index 900067e..c078c20 100644 --- a/public/css/admin-components.css +++ b/public/css/admin-components.css @@ -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{