优化细节
This commit is contained in:
@@ -29,8 +29,35 @@
|
||||
}
|
||||
|
||||
/* 强制子项允许收缩,防止内部长文本撑爆网格 */
|
||||
.kpi-grid > * {
|
||||
.kpi-grid > *,
|
||||
.kpi-grid-6 > * {
|
||||
min-width: 0 !important;
|
||||
flex: none !important; /* 覆盖旧的 flex 逻辑 */
|
||||
width: auto !important; /* 让 grid 控制宽度 */
|
||||
}
|
||||
|
||||
/* 6-2-1 网格规范 (对标 CRMEB 统计概况) */
|
||||
.kpi-grid-6 {
|
||||
display: grid !important;
|
||||
gap: 16px;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.kpi-grid-6 {
|
||||
grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) and (max-width: 1199.98px) {
|
||||
.kpi-grid-6 {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767.98px) {
|
||||
.kpi-grid-6 {
|
||||
grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user