45 行
2.0 KiB
CSS
45 行
2.0 KiB
CSS
.quality-badge.status-unknown {
|
|
background: rgba(148, 163, 184, .16);
|
|
color: #cbd5e1;
|
|
border: 1px solid rgba(148, 163, 184, .4);
|
|
}
|
|
.val-unknown { color: #94a3b8; text-shadow: none; }
|
|
.quality-strip-card.strip-unknown, .quality-card.card-unknown {
|
|
border-color: rgba(148, 163, 184, .35);
|
|
box-shadow: none;
|
|
}
|
|
.gauge-unknown { background: #64748b; box-shadow: none; }
|
|
|
|
.quality-empty-state {
|
|
min-height: 240px;
|
|
height: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
gap: 14px;
|
|
padding: 24px 18px;
|
|
text-align: center;
|
|
color: #94a3b8;
|
|
box-sizing: border-box;
|
|
}
|
|
.quality-empty-state h3 { margin: 0; color: #cbd5e1; font-size: 14px; font-weight: 500; }
|
|
.quality-empty-state p { margin: 0; max-width: 280px; font-size: 12px; line-height: 1.9; }
|
|
.alert-item-pill.unknown { color: #cbd5e1; border-color: rgba(148, 163, 184, .4); background: rgba(148, 163, 184, .1); }
|
|
.alert-item-pill.unknown .pill-dot { background: #94a3b8; box-shadow: none; }
|
|
|
|
/* 状态颜色统一：数据状态与品种/系列配色分别表达。 */
|
|
.quality-badge.status-normal, .quality-card-value.val-normal,
|
|
.strip-main-val.val-normal, .alert-item-pill.normal { color: var(--status-normal); }
|
|
.quality-badge.status-warn, .quality-card-value.val-warn,
|
|
.strip-main-val.val-warn, .alert-item-pill.warn, .strip-warn .strip-limit-desc { color: var(--status-warn); }
|
|
.quality-badge.status-danger, .quality-card-value.val-danger,
|
|
.strip-main-val.val-danger, .alert-item-pill.danger, .strip-danger .strip-limit-desc { color: var(--status-danger); }
|
|
.quality-badge.status-unknown, .quality-card-value.val-unknown,
|
|
.strip-main-val.val-unknown, .alert-item-pill.unknown { color: var(--status-unknown); }
|
|
.strip-gauge-fill.gauge-normal { background: var(--status-normal); }
|
|
.strip-gauge-fill.gauge-warn { background: var(--status-warn); }
|
|
.strip-gauge-fill.gauge-danger { background: var(--status-danger); }
|
|
.strip-gauge-fill.gauge-unknown { background: var(--status-unknown); }
|
|
.alert-item-pill .pill-dot { background: currentColor; }
|