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

feat: unify mileage metrics with semi ui

Browse Source
This commit is contained in:
lingniu
2026-07-19 12:02:10 +08:00
parent 2e87378c92
commit 031e22de79
6 changed files with 124 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -15646,6 +15646,10 @@
.v2-workspace-metric-rail.is-queue > .semi-card-body {
display: grid;
min-height: 58px;
grid-template-columns: minmax(0, 1fr);
}
.v2-workspace-metric-rail.is-queue.has-context > .semi-card-body {
grid-template-columns: minmax(0, 1fr) 218px;
}
@@ -15942,7 +15946,7 @@
}
@media (max-width: 900px) {
.v2-workspace-metric-rail.is-queue > .semi-card-body {
.v2-workspace-metric-rail.is-queue.has-context > .semi-card-body {
grid-template-columns: minmax(0, 1fr) 180px;
}
@@ -23218,3 +23222,72 @@
display: none;
}
}
/*
* Mileage analysis now uses the shared Semi UI metric rail. These late
* overrides retire the former hero-card dimensions without carrying their
* fixed heights into the compact queue layout.
*/
.v2-mileage-summary.v2-workspace-metric-rail.is-queue.semi-card {
display: block;
width: 100%;
height: auto;
min-height: 0;
gap: 0;
overflow: hidden;
border: 0;
border-top: 1px solid #e2e9f2;
border-radius: 0 0 11px 11px;
background: #fff;
box-shadow: none;
}
.v2-mileage-summary.v2-workspace-metric-rail.is-queue > .semi-card-body {
display: grid;
height: auto;
min-height: 58px;
grid-template-columns: minmax(0, 1fr);
gap: 0;
}
.v2-mileage-summary .v2-workspace-metric-list {
grid-template-columns: 1.3fr 1.1fr .9fr .9fr;
}
.v2-mileage-summary .v2-workspace-metric-list > span {
display: grid;
min-height: 58px;
}
.v2-mileage-summary-unit {
margin-left: 2px;
color: #8493a5;
font-size: 8px;
font-style: normal;
font-weight: 600;
letter-spacing: 0;
}
.v2-mileage-summary .v2-workspace-metric-list > span.is-primary .v2-mileage-summary-unit {
color: #6f90bb;
}
.v2-mileage-summary .v2-workspace-metric-list > span.is-success .v2-mileage-summary-unit {
color: #5b9c7f;
}
@media (max-width: 680px) {
.v2-mileage-summary.v2-workspace-metric-rail.is-queue.semi-card,
.v2-mileage-summary.v2-workspace-metric-rail.is-queue > .semi-card-body {
height: auto;
min-height: 56px;
}
.v2-mileage-summary .v2-workspace-metric-list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.v2-mileage-summary .v2-workspace-metric-list > span {
min-height: 56px;
}
}