refine Semi UI vehicle detail workspace

This commit is contained in:
lingniu
2026-07-18 08:19:43 +08:00
parent 1adcff5ecb
commit aca0edf130
3 changed files with 71 additions and 28 deletions

View File

@@ -5830,18 +5830,21 @@
}
.v2-vehicle-command-header .v2-identity-meta {
grid-template-columns: minmax(0, 1.15fr) minmax(120px, .85fr);
grid-template-columns: minmax(0, 1fr);
border-top: 1px solid #e7edf4;
border-left: 0;
padding: 8px 0;
padding: 0;
}
.v2-vehicle-command-header .v2-identity-meta > div {
padding-inline: 12px;
padding: 9px 12px;
}
.v2-vehicle-command-header .v2-identity-meta > div + div {
padding-inline: 12px;
margin: 0;
border-top: 1px solid #edf1f6;
border-left: 0;
padding: 8px 12px 9px;
}
.v2-vehicle-command-header .v2-identity-meta strong {
@@ -5850,10 +5853,9 @@
}
.v2-vehicle-command-header .v2-identity-sources {
flex-wrap: nowrap;
overflow-x: auto;
flex-wrap: wrap;
overflow: visible;
margin-top: 5px;
scrollbar-width: none;
}
.v2-vehicle-command-header .v2-identity-meta .semi-tag {
@@ -5861,23 +5863,39 @@
}
.v2-vehicle-command-header .v2-identity-actions {
display: flex;
grid-template-columns: none;
gap: 6px;
padding: 6px 10px;
scrollbar-width: none;
}
.v2-vehicle-command-header .v2-identity-actions::-webkit-scrollbar,
.v2-vehicle-command-header .v2-identity-sources::-webkit-scrollbar {
display: none;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(56px, 1fr));
gap: 4px;
overflow: visible;
padding: 6px 8px;
}
.v2-vehicle-command-header .v2-identity-actions > .semi-button {
width: auto;
min-width: 112px;
min-height: 38px;
flex: 0 0 auto;
width: 100%;
min-width: 0;
min-height: 52px;
padding: 4px 2px;
}
.v2-vehicle-command-header .v2-identity-actions > .semi-button .semi-button-content {
min-width: 0;
flex-direction: column;
justify-content: center;
gap: 3px;
}
.v2-vehicle-command-header .v2-identity-actions > .semi-button .semi-button-content-left {
margin-right: 0;
font-size: 15px;
}
.v2-vehicle-command-header .v2-identity-actions > .semi-button .semi-button-content-right {
max-width: 100%;
overflow: hidden;
margin-left: 0;
font-size: 9px;
text-overflow: ellipsis;
white-space: nowrap;
}
.v2-vehicle-live-section > .v2-workspace-panel-header {
@@ -5894,17 +5912,36 @@
font-size: 9px;
}
.v2-vehicle-command-card .v2-live-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
overflow: visible;
scroll-snap-type: none;
}
.v2-vehicle-command-card .v2-live-grid > div {
min-width: 134px;
min-height: 88px;
flex-basis: 134px;
min-width: 0;
min-height: 82px;
flex: none;
padding: 11px 12px 10px;
}
.v2-vehicle-command-card .v2-live-grid > div:nth-child(3n + 1) {
border-left: 0;
}
.v2-vehicle-command-card .v2-live-grid > div:nth-child(n + 4) {
border-top: 1px solid #e7edf4;
}
.v2-vehicle-command-card .v2-live-grid strong,
.v2-vehicle-command-card .v2-live-source-link {
margin-top: 7px;
font-size: 19px;
font-size: 17px;
}
.v2-vehicle-command-card .v2-live-grid strong.is-text {
font-size: 13px;
}
.v2-vehicle-command-card .v2-current-location {
@@ -5932,7 +5969,7 @@
}
.v2-vehicle-section-nav > .semi-button {
min-height: 32px;
min-height: 44px;
}
.v2-vehicle-record-page .v2-record-grid {