shishengliang/lingniu-vehicle-ingest
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(web): improve vehicle detail readability

Browse Source
This commit is contained in:
lingniu
2026-07-20 06:11:33 +08:00
parent 4de487e057
commit a8bbbbc5c4
1 changed files with 115 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

115
vehicle-data-platform/apps/web/src/v2/styles/workspace.css
View File

@@ -26909,6 +26909,121 @@
}
}
/*
* Semi UI single-vehicle readability pass.
* Keep the map-first mobile density, but remove low-value microcopy from the
* live rail and raise the identity, source and location hierarchy to the same
* readable scale used by the monitor workspace.
*/
.v2-vehicle-record-v3 .v2-vehicle-command-header.v2-vehicle-record-command .v2-workspace-command-eyebrow {
font-size: 10px;
}
.v2-vehicle-record-v3 .v2-vehicle-command-header.v2-vehicle-record-command .v2-plate {
font-size: 18px;
}
.v2-vehicle-record-v3 .v2-vehicle-command-header.v2-vehicle-record-command .v2-identity-vin b {
font-size: 11px;
}
.v2-vehicle-record-v3 .v2-vehicle-command-header.v2-vehicle-record-command .v2-identity-meta small,
.v2-vehicle-record-v3 .v2-vehicle-live-source-context > small {
font-size: 10px;
}
.v2-vehicle-record-v3 .v2-vehicle-command-header.v2-vehicle-record-command .v2-identity-meta strong {
font-size: 12px;
}
.v2-vehicle-record-v3 .v2-vehicle-live-metric-rail .v2-workspace-metric-list > span > small,
.v2-vehicle-record-v3 .v2-vehicle-live-metric-rail .v2-workspace-metric-action .semi-button-content > small {
font-size: 11px;
}
.v2-vehicle-record-v3 .v2-vehicle-live-metric-rail .v2-workspace-metric-list > span > em,
.v2-vehicle-record-v3 .v2-vehicle-live-metric-rail .v2-workspace-metric-action .semi-button-content > em,
.v2-vehicle-record-v3 .v2-vehicle-live-source-context > em {
font-size: 10px;
}
.v2-vehicle-record-v3 .v2-current-location small {
font-size: 11px;
}
.v2-vehicle-record-v3 .v2-current-location strong {
font-size: 12px;
}
@media (max-width: 680px) {
.v2-vehicle-record-v3.is-mobile-layout .v2-vehicle-command-header.v2-vehicle-record-command .v2-workspace-command-eyebrow {
font-size: 9px;
}
.v2-vehicle-record-v3.is-mobile-layout .v2-vehicle-command-header.v2-vehicle-record-command .v2-plate {
font-size: 16px;
}
.v2-vehicle-record-v3.is-mobile-layout .v2-vehicle-command-header.v2-vehicle-record-command .v2-identity-vin small,
.v2-vehicle-record-v3.is-mobile-layout .v2-vehicle-command-header.v2-vehicle-record-command .v2-identity-vin b {
font-size: 10px;
}
.v2-vehicle-record-v3.is-mobile-layout .v2-vehicle-command-header.v2-vehicle-record-command .v2-identity-meta small {
font-size: 9px;
}
.v2-vehicle-record-v3.is-mobile-layout .v2-vehicle-command-header.v2-vehicle-record-command .v2-identity-meta strong {
font-size: 11px;
}
.v2-vehicle-record-v3.is-mobile-layout .v2-vehicle-command-header.v2-vehicle-record-command .v2-identity-sources .semi-tag {
font-size: 8px;
}
.v2-vehicle-record-v3.is-mobile-layout .v2-vehicle-live-section .v2-live-report-meta {
font-size: 9px;
}
.v2-vehicle-record-v3.is-mobile-layout .v2-vehicle-live-metric-rail .v2-workspace-metric-list > span > small,
.v2-vehicle-record-v3.is-mobile-layout .v2-vehicle-live-metric-rail .v2-workspace-metric-action .semi-button-content > small {
font-size: 10px;
}
.v2-vehicle-record-v3.is-mobile-layout .v2-vehicle-live-metric-rail .v2-workspace-metric-list > span > strong,
.v2-vehicle-record-v3.is-mobile-layout .v2-vehicle-live-metric-rail .v2-workspace-metric-action .semi-button-content > strong,
.v2-vehicle-record-v3.is-mobile-layout .v2-vehicle-live-metric-rail .v2-workspace-metric-list > span.is-secondary > strong,
.v2-vehicle-record-v3.is-mobile-layout .v2-vehicle-live-metric-rail .v2-workspace-metric-list > span.is-secondary .v2-workspace-metric-action strong {
font-size: 17px;
line-height: 19px;
}
.v2-vehicle-record-v3.is-mobile-layout .v2-vehicle-live-metric-rail .v2-workspace-metric-list > span:not(.is-action) > em {
display: none;
}
.v2-vehicle-record-v3.is-mobile-layout .v2-vehicle-live-metric-rail .v2-workspace-metric-action .semi-button-content > em {
justify-self: end;
font-size: 0;
}
.v2-vehicle-record-v3.is-mobile-layout .v2-vehicle-live-action-note > .semi-icon {
font-size: 10px;
}
.v2-vehicle-record-v3.is-mobile-layout .v2-vehicle-command-card .v2-current-location small {
font-size: 9px;
}
.v2-vehicle-record-v3.is-mobile-layout .v2-vehicle-command-card .v2-current-location strong {
font-size: 10px;
}
.v2-vehicle-record-v3.is-mobile-layout .v2-vehicle-section-nav > .semi-button {
font-size: 9px;
}
}
/*
* Semi UI identity convergence.
* Give high-value workspaces one shared visual grammar: a semantic Semi