refine Semi UI vehicle workspace

This commit is contained in:
lingniu
2026-07-18 10:00:15 +08:00
parent 04d5992252
commit c1c35f8962
5 changed files with 222 additions and 75 deletions

View File

@@ -1983,10 +1983,11 @@
align-content: start;
place-items: start center;
gap: 12px;
overflow: auto;
overflow: visible;
padding: 16px var(--v2-page-gutter) 28px;
}
.v2-vehicle-discovery-shell,
.v2-vehicle-search-page > .v2-page-heading,
.v2-vehicle-search-page > .v2-mobile-filter-toggle,
.v2-vehicle-search-page > .v2-vehicle-query-panel,
@@ -1996,6 +1997,32 @@
width: min(1280px, 100%);
}
.v2-vehicle-discovery-shell {
display: grid;
overflow: visible;
gap: 0;
border: 1px solid #dce4ee;
border-radius: 14px;
background: #fff;
box-shadow: 0 9px 28px rgba(31, 53, 80, .055);
}
.v2-vehicle-discovery-shell > .v2-workspace-command-bar {
width: 100%;
min-height: 50px;
border: 0;
border-bottom: 1px solid #e6ecf3;
border-radius: 14px 14px 0 0;
box-shadow: none;
}
.v2-vehicle-discovery-shell > .v2-vehicle-query-panel.semi-card {
width: 100%;
border: 0;
border-radius: 0 0 14px 14px;
box-shadow: none;
}
.v2-vehicle-query-panel.v2-workspace-filter-panel.semi-card {
overflow: visible;
}
@@ -2062,27 +2089,35 @@
}
.v2-vehicle-directory-table .semi-table-tbody > .semi-table-row {
cursor: default;
cursor: pointer;
transition: background-color .15s ease;
}
.v2-vehicle-directory-table .semi-table-tbody > .semi-table-row:hover {
.v2-vehicle-directory-table .semi-table-tbody > .semi-table-row:hover,
.v2-vehicle-directory-table .semi-table-tbody > .semi-table-row:focus-visible {
background: #f7faff;
}
.v2-vehicle-directory-table .semi-table-tbody > .semi-table-row:focus-visible {
outline: 2px solid rgba(18, 104, 243, .28);
outline-offset: -2px;
}
.v2-vehicle-directory-table .semi-table-tbody > .semi-table-row > .semi-table-row-cell {
height: 48px;
border-bottom-color: #edf1f6;
padding-block: 6px;
}
.v2-vehicle-directory-identity {
.v2-vehicle-directory-identity,
.v2-vehicle-directory-profile {
display: grid;
min-width: 0;
gap: 2px;
}
.v2-vehicle-directory-identity strong {
.v2-vehicle-directory-identity strong,
.v2-vehicle-directory-profile strong {
overflow: hidden;
color: #1b2a3e;
font-size: 14px;
@@ -2091,7 +2126,14 @@
white-space: nowrap;
}
.v2-vehicle-directory-profile strong {
color: #40536a;
font-size: 11px;
font-weight: 650;
}
.v2-vehicle-directory-identity small,
.v2-vehicle-directory-profile small,
.v2-vehicle-directory-status small {
overflow: hidden;
color: #7f8da1;
@@ -2101,6 +2143,16 @@
white-space: nowrap;
}
.v2-vehicle-directory-summary {
display: flex;
align-items: center;
gap: 5px;
}
.v2-vehicle-directory-summary > .semi-tag {
margin: 0;
}
.v2-vehicle-directory-status {
display: flex;
min-width: 0;
@@ -2148,6 +2200,11 @@
}
.v2-vehicle-record-page {
overflow: visible !important;
overflow-anchor: none;
}
.v2-content {
overflow-anchor: none;
}
@@ -2236,9 +2293,14 @@
@media (max-width: 700px) {
.v2-vehicle-search-page {
gap: 8px;
overflow: visible;
padding: 9px 8px 92px;
}
.v2-vehicle-discovery-shell {
display: contents;
}
.v2-vehicle-command-bar.is-mobile-admin {
min-height: 50px;
border-color: #dce6f2;
@@ -2309,6 +2371,10 @@
margin-left: auto;
}
.v2-vehicle-directory-summary > .is-secondary {
display: none;
}
.v2-track-detail-sidesheet .semi-sidesheet-inner {
overflow: hidden;
border-radius: 18px 18px 0 0;