unify Semi UI protocol evidence

This commit is contained in:
lingniu
2026-07-18 21:10:45 +08:00
parent 14e87f143d
commit 22f1548f8a
7 changed files with 151 additions and 16 deletions

View File

@@ -16576,3 +16576,83 @@
font-size: 8px;
}
}
/*
* Shared protocol identity.
* Every evidence surface now presents GB/T 32960, JT/T 808 and 宇通 MQTT
* with the same label, source color, spacing and compact behavior.
*/
.v2-protocol-tag.semi-tag {
width: max-content;
max-width: 100%;
min-height: 22px;
flex: 0 0 auto;
justify-content: center;
overflow: hidden;
border-radius: 999px;
padding-inline: 8px;
font-size: 10px;
font-weight: 700;
letter-spacing: .01em;
text-overflow: ellipsis;
white-space: nowrap;
}
.v2-protocol-tag.is-compact.semi-tag {
min-height: 20px;
padding-inline: 7px;
font-size: 9px;
}
/*
* Semi UI alert evidence refinement.
* Notifications remain accessible but no longer compete with actionable event
* counts; protocol evidence stays legible in the table, cards and inspector.
*/
.v2-alert-context-card .v2-metric-action.is-notice {
background: linear-gradient(135deg, #fbfcfe 0%, #f7f8fc 100%);
}
.v2-alert-context-card .v2-metric-action.is-notice strong {
color: #697a91;
font-size: 18px;
}
.v2-alert-event-table .v2-alert-protocol-tag.semi-tag {
max-width: 98px;
}
.v2-alert-focus-facts .v2-alert-protocol-tag.semi-tag {
max-width: 110px;
}
.v2-alert-mobile-card-content dd:has(.v2-alert-protocol-tag) {
overflow: visible;
}
.v2-alert-mobile-card-content .v2-alert-protocol-tag.semi-tag {
max-width: 100%;
}
@media (max-width: 680px) {
.v2-alert-context-card .v2-metric-action.is-notice strong {
font-size: 14px;
}
.v2-alert-mobile-card-content dl {
grid-template-columns: .95fr .9fr 1.15fr;
}
.v2-alert-inspector.is-sheet .v2-alert-disposition-card .v2-alert-actions {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.v2-alert-inspector.is-sheet .v2-alert-disposition-card .v2-alert-actions > .semi-button {
width: 100%;
min-height: 40px;
}
.v2-alert-inspector.is-sheet .v2-alert-disposition-card .v2-alert-actions > .semi-button.is-primary {
grid-column: 1 / -1;
}
}