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

refine Semi UI vehicle evidence hierarchy

Browse Source
This commit is contained in:
lingniu
2026-07-18 03:52:05 +08:00
parent 3cebfe1982
commit 8291f5ea69
5 changed files with 128 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -8816,31 +8816,37 @@ button, a { -webkit-tap-highlight-color: transparent; }
border-bottom-color: #dce9f8;
background: #f5f9ff;
}
.v2-detail-report-time {
.v2-report-summary {
display: grid;
grid-template-columns: minmax(0,1.45fr) minmax(0,.8fr) minmax(0,1fr);
gap: 0;
overflow: hidden;
margin: 9px 10px 0;
border: 1px solid #e2ebf6;
border-radius: 8px;
background: #fff;
border: 1px solid #dce7f4;
border-radius: 9px;
background: #f8fafd;
}
.v2-report-summary > span {
min-width: 0;
padding: 8px 9px;
}
.v2-detail-report-time small,
.v2-detail-report-time strong { display: block; }
.v2-detail-report-time small { color: #7186a1; font-size: 8px; }
.v2-detail-report-time strong {
margin-top: 4px;
.v2-report-summary > span + span { border-left: 1px solid #e3eaf3; }
.v2-report-summary small,
.v2-report-summary strong,
.v2-report-summary b {
display: block;
overflow: hidden;
color: #153f73;
font-size: 12px;
font-variant-numeric: tabular-nums;
text-overflow: ellipsis;
white-space: nowrap;
}
.v2-detail-report-source { display: grid; grid-template-columns: .8fr 1.2fr; gap: 6px; margin: 6px 10px 0; }
.v2-detail-report-source > span { min-width: 0; border-radius: 7px; background: #f5f8fc; padding: 6px 8px; }
.v2-detail-report-source small,
.v2-detail-report-source b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.v2-detail-report-source small { color: #7c8da3; font-size: 8px; }
.v2-detail-report-source b { margin-top: 3px; color: #345679; font-size: 10px; }
.v2-report-summary small { color: #7186a1; font-size: 8px; }
.v2-report-summary strong {
margin-top: 4px;
color: #153f73;
font-size: 12px;
font-variant-numeric: tabular-nums;
}
.v2-report-summary b { margin-top: 4px; color: #345679; font-size: 10px; }
.v2-detail-report .v2-detail-list { margin: 5px 10px 8px; }
.v2-detail-report .v2-detail-list > div { min-height: 24px; grid-template-columns: 44px minmax(0,1fr); align-items: center; padding-block: 3px; }
.v2-detail-report .v2-detail-list dd { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@@ -8851,6 +8857,30 @@ button, a { -webkit-tap-highlight-color: transparent; }
border-color: #e0e7f0;
border-radius: 8px;
}
.v2-detail-section > .v2-metric-grid > div {
position: relative;
min-height: 68px;
padding: 10px 11px 9px;
}
.v2-detail-section > .v2-metric-grid > div::after {
position: absolute;
right: 11px;
bottom: 0;
left: 11px;
height: 2px;
border-radius: 999px 999px 0 0;
background: #dce5ef;
content: "";
}
.v2-detail-section > .v2-metric-grid > div:nth-child(1)::after { background: #78a9ef; }
.v2-detail-section > .v2-metric-grid > div:nth-child(2)::after { background: #65bf94; }
.v2-detail-section > .v2-metric-grid > div:nth-child(3)::after { background: #79a7ea; }
.v2-detail-section > .v2-metric-grid > div:nth-child(4)::after { background: #2f7de9; }
.v2-detail-section > .v2-metric-grid > div:nth-child(5)::after { background: #43b77d; }
.v2-detail-section > .v2-metric-grid > .has-alerts::after { background: #eb6d70; }
.v2-detail-section > .v2-metric-grid > div:nth-child(4) strong,
.v2-detail-section > .v2-metric-grid > div:nth-child(4) .v2-metric-source-link { color: #1268df; }
.v2-detail-section > .v2-metric-grid > .has-alerts strong { color: #c84349; }
.v2-detail-section > .v2-gb-highlight-grid {
margin: 0 10px 10px;
}
@@ -8899,7 +8929,8 @@ button, a { -webkit-tap-highlight-color: transparent; }
.v2-detail-section > .v2-workspace-panel-header .v2-workspace-panel-meta {
font-size: 10px;
}
.v2-detail-report-time strong { font-size: 13px; }
.v2-report-summary { grid-template-columns: minmax(0,1.35fr) minmax(0,.8fr) minmax(0,1fr); }
.v2-report-summary strong { font-size: 13px; }
.v2-detail-list > div { font-size: 10px; }
.v2-metric-grid small { font-size: 9px; }
.v2-metric-grid strong,
@@ -9022,8 +9053,11 @@ button, a { -webkit-tap-highlight-color: transparent; }
.v2-monitor-mobile-cards dd.is-today,
.v2-monitor-mobile-protocol { color: #1268df; font-weight: 750; }
.v2-monitor-mobile-cards > .v2-monitor-mobile-card.semi-card { contain-intrinsic-size: auto 190px; }
.v2-detail-report-time strong { font-size: 13px; }
.v2-detail-report-source b { font-size: 11px; }
.v2-report-summary {
grid-template-columns: minmax(0,1.3fr) minmax(0,.85fr) minmax(0,1fr);
}
.v2-report-summary strong { font-size: 13px; }
.v2-report-summary b { font-size: 11px; }
.v2-mileage-page { height: 100%; min-height: 0; gap: 6px; overflow: hidden; padding: 7px; }
.v2-mileage-query-panel { flex: 0 0 auto; padding: 0; }