yiqiu/BlackFruit-UI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 高特异性选择器修复图标圆形背景+公告等高
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source 
- .dashboard .stats-group .stat-item i.ph 覆盖全局 i{display:inline}
- display: inline-flex 确保 width/height 生效
- .row-3 > .card-sidebar 添加 min-height:100% 强制等高
This commit is contained in:
yiqiu
2026-03-20 22:28:19 +08:00
parent 1addfc4eea
commit b858a115f8
1 changed files with 18 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
clientarea/home/hgcloud_home/css/home.css
View File

@@ -107,12 +107,21 @@
.stat-item:hover { background: var(--surface-hover); } .stat-item:hover { background: var(--surface-hover); }
.stat-item:active { transform: scale(0.97); } .stat-item:active { transform: scale(0.97); }
/* 圆形图标背景 */ /* 圆形图标背景 — 高特异性覆盖全局 i{display:inline} */
.stat-item i { .dashboard .stats-group .stat-item i.ph {
width: 36px !important; height: 36px !important; min-width: 36px !important; min-height: 36px !important; width: 36px !important; height: 36px !important;
border-radius: 50%; flex-shrink: 0 !important; min-width: 36px !important; min-height: 36px !important;
display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 50% !important; flex-shrink: 0 !important;
font-size: 18px; display: inline-flex !important; align-items: center !important; justify-content: center !important;
font-size: 18px !important; line-height: 1 !important;
}
/* 兜底：任何 .stat-item 下的 i 标签 */
.stat-item > i {
width: 36px !important; height: 36px !important;
min-width: 36px !important; min-height: 36px !important;
border-radius: 50% !important; flex-shrink: 0 !important;
display: inline-flex !important; align-items: center !important; justify-content: center !important;
font-size: 18px !important; line-height: 1 !important;
} }
.stat-value { .stat-value {
font-size: 24px; font-weight: 700; line-height: 1; font-size: 24px; font-weight: 700; line-height: 1;
@@ -254,6 +263,7 @@
.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% — 与产品卡等高 */
.row-3 > .card-sidebar,
.card-sidebar { .card-sidebar {
flex: 2 !important; flex: 2 !important;
min-width: 0 !important; min-width: 0 !important;
@@ -262,6 +272,8 @@
flex-direction: column !important; flex-direction: column !important;
gap: 20px !important; gap: 20px !important;
align-self: stretch !important; align-self: stretch !important;
height: auto !important;
min-height: 100% !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); }