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

refactor: unify semi history date filters

Browse Source
This commit is contained in:
lingniu
2026-07-19 14:40:57 +08:00
parent 2d987fd185
commit 476069adc6
3 changed files with 233 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -15367,6 +15367,102 @@
background: #fbfcfe;
}
.v2-history-range {
display: grid;
min-width: 0;
grid-template-columns: auto minmax(0, 1fr);
align-content: end;
gap: 4px 8px;
margin: 0;
border: 0;
padding: 0;
}
.v2-history-range > legend {
grid-column: 1;
align-self: center;
margin: 0;
padding: 0;
line-height: 18px;
}
.v2-history-date-time-range.semi-datepicker {
width: 100%;
min-width: 0;
min-height: 38px;
grid-column: 1 / -1;
}
.v2-history-date-time-range .semi-datepicker-input {
width: 100%;
}
.v2-history-date-time-range > .semi-datepicker-input {
grid-column: 1 / -1;
}
.v2-history-date-time-range .semi-input-wrapper {
min-height: 38px;
border-color: #d8e2ed;
border-radius: 8px;
background: #fbfcfe;
}
.v2-history-date-time-range .semi-input-wrapper:hover {
border-color: #b9c9dc;
background: #fff;
}
.v2-history-date-time-range .semi-input-wrapper-focus {
border-color: #75a5ed;
background: #fff;
box-shadow: 0 0 0 3px rgba(37, 99, 235, .09);
}
.v2-history-date-time-range .semi-input {
color: #2d4058;
font-size: 12px;
font-variant-numeric: tabular-nums;
}
.v2-history-range > .v2-history-range-presets.semi-button-group {
display: flex;
height: 22px;
min-width: 0;
min-height: 22px;
grid-column: 2;
grid-row: 1;
justify-self: end;
gap: 2px;
}
.v2-history-range-presets > .semi-button {
height: 22px;
min-width: 0;
min-height: 22px;
border-radius: 5px;
padding: 0 6px;
font-size: 9px;
font-weight: 650;
}
.v2-history-range-presets > .semi-button.semi-button-solid {
box-shadow: 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;
gap: 9px;
}
.v2-history-discovery-shell .v2-history-toolbar-actions {
display: grid;
grid-template-columns: repeat(2, minmax(54px, auto));
gap: 6px;
}
}
.v2-history-time {
color: inherit;
font-variant-numeric: tabular-nums;
@@ -15613,6 +15709,39 @@
background: #fff;
}
.v2-history-mobile-filter-grid > .v2-history-range {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: 6px 8px;
}
.v2-history-date-time-range.semi-datepicker,
.v2-history-date-time-range .semi-datepicker-input,
.v2-history-date-time-range .semi-input-wrapper {
width: 100%;
min-height: 44px;
}
.v2-history-range > .v2-history-range-presets.semi-button-group {
height: 24px;
max-width: 100%;
overflow-x: auto;
justify-self: end;
scrollbar-width: none;
}
.v2-history-range > .v2-history-range-presets.semi-button-group::-webkit-scrollbar {
display: none;
}
.v2-history-range-presets > .semi-button {
height: 24px;
min-height: 24px;
flex: 0 0 auto;
padding-inline: 7px;
font-size: 9px;
}
.v2-history-mobile-card-content .v2-history-time {
color: #617288;
font-size: 10px;
@@ -18762,12 +18891,9 @@
background: #fff;
}
.v2-history-mobile-filter-grid .v2-history-range > div {
display: grid;
.v2-history-mobile-filter-grid .v2-history-date-time-range {
display: block;
min-width: 0;
grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
align-items: center;
gap: 6px;
}
.v2-history-mobile-filter-grid .v2-history-range .semi-input-wrapper {
@@ -18777,11 +18903,17 @@
background: #fff;
}
.v2-history-mobile-filter-grid .v2-history-range > div > span {
.v2-history-mobile-filter-grid .v2-history-date-time-range > span {
color: #8a98aa;
font-size: 10px;
}
.v2-history-mobile-filter-grid .v2-history-date-time-range .semi-input {
padding-inline: 3px;
font-size: 12px;
font-variant-numeric: tabular-nums;
}
.v2-history-mobile-filter-grid .semi-input,
.v2-history-mobile-filter-grid .semi-select-selection-text {
font-size: 13px;