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

refine Semi UI vehicle discovery workspace

Browse Source
This commit is contained in:
lingniu
2026-07-18 02:10:11 +08:00
parent da9619617d
commit 5a8eec16f3
4 changed files with 152 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1422,48 +1422,73 @@
}
/* Semi UI convergence: vehicle discovery and track replay. */
.v2-vehicle-search-capabilities {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 8px;
margin-top: 18px;
.v2-vehicle-search-page {
align-content: start;
place-items: start center;
gap: 12px;
overflow: auto;
padding: 16px var(--v2-page-gutter) 28px;
}
.v2-vehicle-search-capabilities > span {
display: grid;
min-width: 0;
grid-template-columns: 30px minmax(0, 1fr);
grid-template-rows: auto auto;
align-items: center;
gap: 2px 9px;
border: 1px solid #e2e9f2;
border-radius: 10px;
.v2-vehicle-search-page > .v2-page-heading,
.v2-vehicle-search-page > .v2-mobile-filter-toggle,
.v2-vehicle-search-page > .v2-vehicle-query-panel,
.v2-vehicle-search-page > .v2-vehicle-recent-card,
.v2-vehicle-search-page > .v2-profile-sync-panel {
box-sizing: border-box;
width: min(1280px, 100%);
}
.v2-vehicle-query-panel.v2-workspace-filter-panel.semi-card {
overflow: visible;
}
.v2-vehicle-query-panel .v2-vehicle-search-form {
height: auto;
min-height: 60px;
margin: 0;
border: 0;
border-top: 1px solid #e7edf4;
border-radius: 0 0 12px 12px;
background: #fbfcfe;
padding: 10px 12px;
padding: 8px 10px;
}
.v2-vehicle-search-capabilities svg {
grid-row: 1 / span 2;
color: var(--v2-blue);
font-size: 18px;
.v2-vehicle-query-panel .v2-vehicle-search-form > .v2-vehicle-search-picker {
min-height: 42px;
border: 1px solid #d7e1ed;
border-radius: 9px;
background: #fff;
padding-inline: 3px;
}
.v2-vehicle-search-capabilities b {
grid-column: 2;
overflow: hidden;
color: #33475e;
font-size: 11px;
text-overflow: ellipsis;
white-space: nowrap;
.v2-vehicle-query-panel .v2-vehicle-search-form > .semi-button {
height: 42px;
margin: 0;
}
.v2-vehicle-search-capabilities small {
grid-column: 2;
overflow: hidden;
color: #8794a5;
font-size: 9px;
text-overflow: ellipsis;
white-space: nowrap;
.v2-vehicle-query-panel .v2-vehicle-search-options.v2-vehicle-candidate-list {
top: calc(100% + 8px);
left: 10px;
width: calc(100% - 20px);
}
.v2-vehicle-recent-card.semi-card {
width: min(1280px, 100%);
}
.v2-vehicle-recent-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.v2-vehicle-recent-item.semi-button {
min-height: 78px;
}
@media (max-width: 1100px) {
.v2-vehicle-recent-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.v2-vehicle-record-page {
@@ -1553,32 +1578,42 @@
}
@media (max-width: 700px) {
.v2-vehicle-search-capabilities {
gap: 6px;
margin-top: 13px;
.v2-vehicle-search-page {
gap: 9px;
padding: 9px 8px 92px;
}
.v2-vehicle-search-capabilities > span {
display: flex;
min-height: 44px;
justify-content: center;
gap: 6px;
padding: 7px 5px;
.v2-vehicle-query-panel .v2-vehicle-search-form {
min-height: 0;
border-top: 0;
padding: 9px;
}
.v2-vehicle-search-capabilities svg {
flex: 0 0 auto;
font-size: 15px;
}
.v2-vehicle-search-capabilities b {
font-size: 10px;
}
.v2-vehicle-search-capabilities small {
.v2-vehicle-query-panel .v2-vehicle-search-form.is-mobile-collapsed {
display: none;
}
.v2-vehicle-query-panel .v2-vehicle-search-form > .v2-vehicle-search-picker {
width: 100%;
min-height: 46px;
flex: 1 1 100%;
}
.v2-vehicle-query-panel .v2-vehicle-search-form > .semi-button {
width: 100%;
height: 44px;
justify-content: center;
}
.v2-vehicle-query-panel .v2-vehicle-search-options.v2-vehicle-candidate-list {
width: 100%;
margin-top: 8px;
}
.v2-vehicle-recent-grid {
grid-template-columns: 1fr;
}
.v2-track-detail-sidesheet .semi-sidesheet-inner {
overflow: hidden;
border-radius: 18px 18px 0 0;