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:
1 parent
dc577eb0f0
commit
e95fec0c1b
1 file changed
+10
-3
@@ -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 {
|
||||||
|
|||||||
Reference in new issue
Block a user