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

polish Semi UI admin and operations workspaces

Browse Source
This commit is contained in:
lingniu
2026-07-18 01:57:06 +08:00
parent 1affd30366
commit f3c1391322
6 changed files with 258 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1772,6 +1772,47 @@
* access and operations: one panel header, one continuous metric rail and one
* scroll owner. Large vehicle scopes are paged instead of nested-scrolled.
*/
.v2-user-filter-panel.v2-workspace-filter-panel.semi-card {
width: 100%;
max-width: 1480px;
margin-inline: auto;
}
.v2-user-filter-form {
display: grid;
grid-template-columns: minmax(280px, 1fr) 180px auto;
align-items: end;
gap: 10px;
padding: 10px 12px 12px;
}
.v2-user-filter-form > label {
display: grid;
min-width: 0;
gap: 6px;
color: #5d6c80;
font-size: 11px;
font-weight: 650;
}
.v2-user-filter-form :is(.semi-input-wrapper, .semi-select),
.v2-user-filter-reset.semi-button {
width: 100%;
min-height: 40px;
border-radius: 8px;
}
.v2-user-filter-form .semi-input,
.v2-user-filter-form .semi-select-selection {
min-height: 38px;
font-size: 12px;
}
.v2-user-filter-reset.semi-button {
width: auto;
min-width: 88px;
}
.v2-user-list.semi-card {
overflow: hidden;
border-color: #dce5ef;
@@ -2021,6 +2062,29 @@
}
@media (max-width: 680px) {
.v2-user-filter-panel.is-mobile-collapsed {
display: none;
}
.v2-user-filter-form {
grid-template-columns: minmax(0, 1fr);
gap: 9px;
padding: 10px;
}
.v2-user-filter-form.is-mobile-collapsed {
display: none;
}
.v2-user-filter-form :is(.semi-input-wrapper, .semi-select),
.v2-user-filter-reset.semi-button {
min-height: 42px;
}
.v2-user-filter-reset.semi-button {
width: 100%;
}
.v2-user-directory-header.v2-workspace-panel-header {
min-height: 56px;
align-items: center;
@@ -2139,6 +2203,20 @@
* Match the access and alert workspaces: readable evidence tables on desktop,
* progressive policy editing on mobile, and one consistent status hierarchy.
*/
.v2-source-filter-panel.v2-workspace-filter-panel.semi-card {
width: 100%;
overflow: visible;
}
.v2-source-filter-panel .v2-source-search {
padding: 11px 12px 12px;
}
.v2-source-filter-panel .v2-source-candidates {
right: 128px;
left: 12px;
}
@media (min-width: 681px) {
.v2-ops-page {
gap: 12px;
@@ -2334,6 +2412,20 @@
}
@media (max-width: 680px) {
.v2-source-filter-panel.is-mobile-collapsed,
.v2-source-search.is-mobile-collapsed {
display: none !important;
}
.v2-source-filter-panel .v2-source-search {
padding: 10px;
}
.v2-source-filter-panel .v2-source-candidates {
right: 10px;
left: 10px;
}
.v2-source-empty.semi-empty,
.v2-source-loading {
min-height: 160px;