ui(admin): 修复后台侧边栏 logo 区域未垂直居中

.admin-sidebar-header 原 align-items: baseline + height: var(--header-height) + padding: 0
导致 logo 紧贴顶部边线。

修复:
- align-items: baseline → center
- padding: 0 var(--space-lg) → var(--space-md) var(--space-lg)
- height → min-height
- justify-content: center (水平居中)
- logo/subtitle 加 line-height: 1 + display: flex align-items: center
This commit is contained in:
QihuAI Design committed 2026-07-16 16:30:57 +08:00
1 parent dc577eb0f0
commit e95fec0c1b
1 file changed
+10 -3
+10 -3
View File
@@ -26,10 +26,11 @@
.admin-sidebar-header { .admin-sidebar-header {
display: flex; display: flex;
align-items: baseline; align-items: center;
justify-content: center;
gap: var(--space-sm); gap: var(--space-sm);
padding: 0 var(--space-lg); padding: var(--space-md) var(--space-lg);
height: var(--header-height); min-height: var(--header-height);
border-bottom: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border);
flex-shrink: 0; flex-shrink: 0;
} }
@@ -40,11 +41,17 @@
font-weight: 800; font-weight: 800;
color: var(--color-text-primary); color: var(--color-text-primary);
letter-spacing: 0.02em; letter-spacing: 0.02em;
line-height: 1;
display: flex;
align-items: center;
} }
.admin-subtitle { .admin-subtitle {
font-size: var(--text-xs); font-size: var(--text-xs);
font-weight: 500; font-weight: 500;
color: var(--color-text-tertiary); color: var(--color-text-tertiary);
line-height: 1;
display: flex;
align-items: center;
} }
.admin-frontend-link { .admin-frontend-link {