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

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

@@ -4845,7 +4845,7 @@
.v2-vehicle-command-header {
display: grid;
grid-template-columns: minmax(310px, .9fr) minmax(360px, 1.15fr) minmax(360px, auto);
grid-template-columns: minmax(270px, .78fr) minmax(320px, 1.08fr) minmax(300px, .9fr);
align-items: stretch;
background: #fff;
}
@@ -4857,18 +4857,18 @@
align-content: center;
align-items: center;
justify-content: start;
gap: 8px 10px;
padding: 18px 20px;
gap: 7px 10px;
padding: 14px 16px;
}
.v2-vehicle-command-header .v2-plate {
min-height: 42px;
min-height: 40px;
border-color: #b9d2fb;
border-radius: 9px;
background: #edf4ff;
padding-inline: 14px;
padding-inline: 13px;
color: var(--v2-blue);
font-size: 18px;
font-size: 17px;
letter-spacing: .01em;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .65);
}
@@ -4931,19 +4931,19 @@
gap: 0;
border: 0;
border-left: 1px solid #e4eaf2;
padding: 16px 0;
padding: 12px 0;
}
.v2-vehicle-command-header .v2-identity-meta > div {
min-width: 0;
padding: 0 20px;
padding: 0 16px;
}
.v2-vehicle-command-header .v2-identity-meta > div + div {
margin: 0;
border: 0;
border-left: 1px solid #e7edf4;
padding: 0 20px;
padding: 0 16px;
}
.v2-vehicle-command-header .v2-identity-meta small {
@@ -4955,7 +4955,7 @@
.v2-vehicle-command-header .v2-identity-meta strong {
display: block;
margin-top: 7px;
margin-top: 6px;
overflow: hidden;
color: #2c4057;
font-size: 12px;
@@ -4969,7 +4969,7 @@
min-width: 0;
flex-wrap: wrap;
gap: 5px;
margin: 7px 0 0;
margin: 6px 0 0;
}
.v2-vehicle-command-header .v2-identity-meta .semi-tag {
@@ -4984,21 +4984,23 @@
.v2-vehicle-command-header .v2-identity-actions {
display: flex;
min-width: 0;
grid-column: auto;
flex-wrap: wrap;
align-content: center;
justify-content: flex-end;
gap: 7px;
gap: 6px;
border-left: 1px solid #e4eaf2;
padding: 15px 18px;
padding: 12px 14px;
}
.v2-vehicle-command-header .v2-identity-actions > .semi-button {
min-width: 100px;
min-height: 38px;
width: auto;
min-width: 88px;
min-height: 34px;
flex: 0 1 auto;
border-radius: 8px;
padding-inline: 12px;
font-size: 11px;
padding-inline: 10px;
font-size: 10px;
font-weight: 650;
}
@@ -5014,10 +5016,10 @@
}
.v2-vehicle-live-section > .v2-workspace-panel-header {
min-height: 58px;
min-height: 48px;
border-bottom: 1px solid #e6ecf3;
background: #f8fafd;
padding: 10px 16px;
padding: 8px 14px;
}
.v2-vehicle-live-section .v2-live-report-meta {
@@ -5036,10 +5038,10 @@
.v2-vehicle-command-card .v2-live-grid > div {
position: relative;
min-width: 0;
min-height: 104px;
min-height: 88px;
border-top: 0;
border-left: 1px solid #e7edf4;
padding: 15px 16px 14px;
padding: 12px 14px 11px;
}
.v2-vehicle-command-card .v2-live-grid > div:first-child {
@@ -5056,18 +5058,20 @@
.v2-vehicle-command-card .v2-live-grid > div::after {
position: absolute;
right: 16px;
right: 14px;
bottom: 0;
left: 16px;
height: 3px;
left: 14px;
height: 2px;
border-radius: 999px 999px 0 0;
background: #dce5ef;
content: "";
}
.v2-vehicle-command-card .v2-live-grid > div:nth-child(-n + 4)::after {
background: #8eb6f3;
}
.v2-vehicle-command-card .v2-live-grid > div:nth-child(1)::after { background: #78a9ef; }
.v2-vehicle-command-card .v2-live-grid > div:nth-child(2)::after { background: #65bf94; }
.v2-vehicle-command-card .v2-live-grid > div:nth-child(3)::after { background: #79a7ea; }
.v2-vehicle-command-card .v2-live-grid > div:nth-child(4)::after { background: #2f7de9; }
.v2-vehicle-command-card .v2-live-grid > div:nth-child(6)::after { background: #43b77d; }
.v2-vehicle-command-card .v2-live-grid small {
color: #6c7d92;
@@ -5077,9 +5081,9 @@
.v2-vehicle-command-card .v2-live-grid strong,
.v2-vehicle-command-card .v2-live-source-link {
margin-top: 9px;
margin-top: 7px;
color: #213950;
font-size: 22px;
font-size: 20px;
font-weight: 750;
letter-spacing: -.025em;
line-height: 1;
@@ -5107,7 +5111,7 @@
.v2-vehicle-command-card .v2-live-grid > div > span:last-child {
display: block;
margin-top: 8px;
margin-top: 6px;
overflow: hidden;
color: #8996a7;
font-size: 9px;
@@ -5117,14 +5121,14 @@
}
.v2-vehicle-command-card .v2-current-location {
min-height: 58px;
min-height: 48px;
grid-template-columns: minmax(310px, .8fr) minmax(420px, 1.2fr);
border-top: 1px solid #e4eaf2;
background: #f8fafd;
}
.v2-vehicle-command-card .v2-current-location > span {
padding: 9px 16px;
padding: 7px 14px;
}
.v2-vehicle-command-card .v2-current-location small {
@@ -5160,7 +5164,7 @@
font-size: 9px;
}
@media (max-width: 1400px) {
@media (max-width: 1180px) {
.v2-vehicle-command-header {
grid-template-columns: minmax(300px, .85fr) minmax(0, 1.15fr);
}
@@ -5172,12 +5176,12 @@
overflow-x: auto;
border-top: 1px solid #e4eaf2;
border-left: 0;
padding: 9px 14px;
padding: 8px 12px;
scrollbar-width: thin;
}
.v2-vehicle-command-header .v2-identity-actions > .semi-button {
min-width: 118px;
min-width: 112px;
flex: 0 0 auto;
}
}
@@ -5276,20 +5280,20 @@
}
.v2-vehicle-command-header .v2-identity-primary {
padding: 13px 13px 11px;
padding: 10px 12px 8px;
}
.v2-vehicle-command-header .v2-plate {
min-height: 38px;
min-height: 36px;
padding-inline: 12px;
font-size: 16px;
font-size: 15px;
}
.v2-vehicle-command-header .v2-identity-meta {
grid-template-columns: minmax(0, 1.15fr) minmax(120px, .85fr);
border-top: 1px solid #e7edf4;
border-left: 0;
padding: 10px 0;
padding: 8px 0;
}
.v2-vehicle-command-header .v2-identity-meta > div {
@@ -5320,7 +5324,7 @@
display: flex;
grid-template-columns: none;
gap: 6px;
padding: 7px 10px;
padding: 6px 10px;
scrollbar-width: none;
}
@@ -5337,7 +5341,7 @@
}
.v2-vehicle-live-section > .v2-workspace-panel-header {
min-height: 52px;
min-height: 46px;
padding: 8px 11px;
}
@@ -5351,16 +5355,16 @@
}
.v2-vehicle-command-card .v2-live-grid > div {
min-width: 138px;
min-height: 94px;
flex-basis: 138px;
padding: 13px 12px 12px;
min-width: 134px;
min-height: 88px;
flex-basis: 134px;
padding: 11px 12px 10px;
}
.v2-vehicle-command-card .v2-live-grid strong,
.v2-vehicle-command-card .v2-live-source-link {
margin-top: 8px;
font-size: 20px;
margin-top: 7px;
font-size: 19px;
}
.v2-vehicle-command-card .v2-current-location {
@@ -5368,8 +5372,8 @@
}
.v2-vehicle-command-card .v2-current-location > span {
min-height: 46px;
padding: 8px 11px;
min-height: 38px;
padding: 5px 11px;
}
.v2-vehicle-command-card .v2-current-location > span + span {
@@ -5378,7 +5382,9 @@
}
.v2-vehicle-record-nav .v2-workspace-panel-header {
min-height: 50px;
grid-template-columns: auto minmax(0, 1fr);
padding-block: 5px;
}
.v2-vehicle-record-nav .v2-workspace-panel-copy > h5.semi-typography {
@@ -5396,6 +5402,11 @@
.v2-vehicle-record-page .v2-single-map-card {
min-height: 330px;
}
.v2-vehicle-record-page > .v2-source-evidence .v2-source-evidence-trigger {
min-height: 54px;
padding-block: 7px;
}
}
/*