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

feat: unify vehicle directory summary

Browse Source
This commit is contained in:
lingniu
2026-07-19 11:04:34 +08:00
parent e02d8dba54
commit 1be76c1dfa
4 changed files with 211 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -23009,6 +23009,159 @@
}
}
/*
* Vehicle directory summary.
* A single Semi metric rail replaces the mixed heading/tag row so directory
* scale and current-page health can be scanned before opening a vehicle.
*/
.v2-vehicle-directory-metric-rail.is-queue.semi-card {
flex: 0 0 auto;
border: 0;
border-bottom: 1px solid #e1e8f0;
border-radius: 0;
}
.v2-vehicle-directory-metric-rail.is-queue > .semi-card-body {
min-height: 62px;
grid-template-columns: minmax(0, 1fr) minmax(280px, .82fr);
}
.v2-vehicle-directory-metric-rail .v2-workspace-metric-list {
grid-template-columns: 1.15fr 1.08fr .92fr .85fr;
}
.v2-vehicle-directory-metric-rail .v2-workspace-metric-list > span {
min-height: 62px;
padding-block: 8px;
}
.v2-vehicle-directory-metric-rail .v2-workspace-metric-list > span > strong {
font-size: clamp(20px, 1.55vw, 25px);
font-weight: 740;
letter-spacing: -.02em;
}
.v2-vehicle-directory-metric-rail .v2-workspace-metric-list > span.is-secondary > strong {
font-size: clamp(17px, 1.25vw, 20px);
}
.v2-vehicle-directory-unit {
margin-left: 3px;
color: #8493a5;
font-size: 7px;
font-style: normal;
font-weight: 550;
letter-spacing: 0;
}
.v2-vehicle-directory-metric-rail .v2-workspace-metric-list > span.is-primary .v2-vehicle-directory-unit {
color: #6f90bb;
}
.v2-vehicle-directory-metric-rail .v2-workspace-metric-context {
padding: 7px 10px 7px 13px;
}
.v2-vehicle-directory-context {
display: grid;
width: 100%;
min-width: 0;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 9px;
}
.v2-vehicle-directory-context > span {
display: grid;
min-width: 0;
gap: 2px;
}
.v2-vehicle-directory-context h5 {
overflow: hidden;
margin: 0;
color: #263a51;
font-size: 12px;
font-weight: 740;
line-height: 17px;
text-overflow: ellipsis;
white-space: nowrap;
}
.v2-vehicle-directory-context small {
overflow: hidden;
color: #8794a5;
font-size: 8px;
line-height: 12px;
text-overflow: ellipsis;
white-space: nowrap;
}
.v2-vehicle-directory-context > .semi-button {
min-width: 58px;
height: 34px;
border-radius: 8px;
color: #45627f;
font-size: 9px;
font-weight: 650;
}
@media (max-width: 980px) {
.v2-vehicle-directory-metric-rail.is-queue > .semi-card-body {
grid-template-columns: minmax(0, 1fr) 226px;
}
.v2-vehicle-directory-metric-rail .v2-workspace-metric-list > span > em {
display: none;
}
}
@media (max-width: 680px) {
.v2-vehicle-directory-metric-rail.is-queue > .semi-card-body {
min-height: 56px;
grid-template-columns: minmax(0, 1fr);
}
.v2-vehicle-directory-metric-rail .v2-workspace-metric-list > span {
min-height: 56px;
padding: 6px 11px;
}
.v2-vehicle-directory-metric-rail .v2-workspace-metric-list > span.is-secondary {
display: none;
}
.v2-vehicle-directory-metric-rail .v2-workspace-metric-list > span > strong {
font-size: 19px;
line-height: 22px;
}
.v2-vehicle-directory-metric-rail .v2-workspace-metric-list > span > em {
display: block;
font-size: 7px;
}
.v2-vehicle-directory-metric-rail .v2-workspace-metric-context {
display: none;
}
}
@media (max-width: 900px) and (max-height: 480px) and (orientation: landscape) {
.v2-vehicle-directory-metric-rail.is-queue > .semi-card-body,
.v2-vehicle-directory-metric-rail .v2-workspace-metric-list > span {
min-height: 42px;
}
.v2-vehicle-directory-metric-rail .v2-workspace-metric-list > span {
padding-block: 3px;
}
.v2-vehicle-directory-metric-rail .v2-workspace-metric-list > span > strong {
font-size: 15px;
line-height: 17px;
}
}
/*
* Monitor fleet summary.
* Operational state remains prominent; high-volume ingest evidence is kept