fix: 统计图标强制尺寸 + 公告侧栏等高
All checks were successful
continuous-integration/drone/push Build is passing

- stat-item i 添加 min-width/min-height/flex-shrink:0 防止圆形被压缩
- card-sidebar 添加 align-self:stretch 强制与产品卡等高
This commit is contained in:
yiqiu
2026-03-20 22:20:20 +08:00
parent 4aecc48c47
commit 1addfc4eea

View File

@@ -109,7 +109,8 @@
/* 圆形图标背景 */ /* 圆形图标背景 */
.stat-item i { .stat-item i {
width: 36px; height: 36px; border-radius: 50%; width: 36px !important; height: 36px !important; min-width: 36px !important; min-height: 36px !important;
border-radius: 50%; flex-shrink: 0 !important;
display: flex !important; align-items: center !important; justify-content: center !important; display: flex !important; align-items: center !important; justify-content: center !important;
font-size: 18px; font-size: 18px;
} }
@@ -252,7 +253,7 @@
.empty-state p { font-size: 13px; color: var(--text-tertiary); margin-bottom: 14px; } .empty-state p { font-size: 13px; color: var(--text-tertiary); margin-bottom: 14px; }
.empty-state .el-button { padding: 8px 22px; font-size: 14px; border: none; background: var(--accent); color: #fff; border-radius: 999px; } .empty-state .el-button { padding: 8px 22px; font-size: 14px; border: none; background: var(--accent); color: #fff; border-radius: 999px; }
/* 侧栏 35% */ /* 侧栏 35% — 与产品卡等高 */
.card-sidebar { .card-sidebar {
flex: 2 !important; flex: 2 !important;
min-width: 0 !important; min-width: 0 !important;
@@ -260,6 +261,7 @@
display: flex !important; display: flex !important;
flex-direction: column !important; flex-direction: column !important;
gap: 20px !important; gap: 20px !important;
align-self: stretch !important;
} }
.sidebar-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; } .sidebar-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.sidebar-header > span:first-child { font-size: 14px; font-weight: 600; color: var(--text-primary); } .sidebar-header > span:first-child { font-size: 14px; font-weight: 600; color: var(--text-primary); }