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

feat(web): refine Semi UI history workspace

Browse Source
This commit is contained in:
lingniu
2026-07-19 23:47:03 +08:00
parent 1c18941980
commit e20f320f6c
4 changed files with 226 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -8260,13 +8260,41 @@
}
.v2-history-mobile-list > .v2-history-mobile-card.semi-card {
position: relative;
overflow: hidden;
border-radius: 8px;
box-shadow: none;
contain-intrinsic-size: auto 108px;
}
.v2-history-mobile-list > .v2-history-mobile-card.semi-card::before {
position: absolute;
inset: 7px auto 7px 0;
z-index: 2;
width: 3px;
border-radius: 0 3px 3px 0;
background: #18a76f;
content: '';
pointer-events: none;
}
.v2-history-mobile-list > .v2-history-mobile-card:is(.is-quality-warning, .is-quality-unknown).semi-card::before {
background: #ed9f31;
}
.v2-history-mobile-list > .v2-history-mobile-card:is(.is-quality-error, .is-quality-critical).semi-card::before {
background: #e95a52;
}
.v2-history-mobile-list > .v2-history-mobile-card.is-selected.semi-card::before {
inset-block: 0;
width: 4px;
border-radius: 0;
background: var(--v2-blue);
}
.v2-history-mobile-card-content {
padding: 8px 9px;
padding: 8px 9px 8px 11px;
}
.v2-history-mobile-card-content header strong {
@@ -15546,6 +15574,64 @@
box-shadow: none;
}
.v2-history-command-bar .v2-workspace-command-actions {
min-width: 0;
}
.v2-history-applied-scope {
display: inline-flex;
min-width: 0;
align-items: center;
color: #64758b;
font-size: 10px;
font-variant-numeric: tabular-nums;
white-space: nowrap;
}
.v2-history-applied-scope > span {
display: inline-flex;
min-width: 0;
align-items: center;
gap: 4px;
}
.v2-history-applied-scope > span + span {
margin-left: 8px;
border-left: 1px solid #dce4ee;
padding-left: 8px;
}
.v2-history-applied-scope > span:first-child {
max-width: min(28vw, 330px);
overflow: hidden;
text-overflow: ellipsis;
}
.v2-history-applied-scope .semi-icon {
flex: 0 0 auto;
color: #6d91bf;
font-size: 12px;
}
.v2-history-query-toggle.semi-button {
height: 32px;
min-height: 32px;
flex: 0 0 auto;
border-color: #d7e2ef;
border-radius: 8px;
background: #f7faff;
padding-inline: 10px;
color: #4f657e;
font-size: 11px;
font-weight: 700;
}
.v2-history-query-toggle.semi-button:hover {
border-color: #b9cee9;
background: #edf5ff;
color: #1d64c5;
}
.v2-history-discovery-shell > .v2-history-filter-card.v2-workspace-filter-panel.semi-card {
width: 100%;
overflow: visible;
@@ -15646,6 +15732,21 @@
box-shadow: none;
}
@media (min-width: 681px) {
.v2-history-discovery-shell[data-query-collapsed='true'],
.v2-history-discovery-shell[data-query-collapsed='true'] > .v2-history-command-bar {
border-radius: 14px;
}
.v2-history-discovery-shell[data-query-collapsed='true'] > .v2-history-command-bar {
border-bottom: 0;
}
.v2-history-discovery-shell[data-query-collapsed='true'] > .v2-history-filter-card {
display: none;
}
}
@media (min-width: 1101px) {
.v2-history-discovery-shell .v2-history-toolbar {
grid-template-columns: minmax(220px, 1.05fr) minmax(400px, 1.85fr) minmax(112px, .55fr) minmax(126px, .6fr) auto;
@@ -15659,6 +15760,24 @@
}
}
@media (min-width: 681px) and (max-width: 980px) {
.v2-history-command-bar .v2-workspace-command-copy > .semi-typography:last-child {
display: none;
}
.v2-history-command-bar .v2-workspace-command-actions {
gap: 6px;
}
.v2-history-applied-scope > span:nth-child(n + 2) {
display: none;
}
.v2-history-query-toggle.semi-button {
padding-inline: 8px;
}
}
.v2-history-time {
color: inherit;
font-variant-numeric: tabular-nums;