refine Semi UI access filter workflow

This commit is contained in:
lingniu
2026-07-18 06:13:18 +08:00
parent 6bb2107f5e
commit 24d3c1dcac
3 changed files with 45 additions and 4 deletions

View File

@@ -8044,7 +8044,7 @@
.v2-access-filter-v3 {
min-height: 54px;
grid-template-columns: minmax(220px, 1.35fr) repeat(3, minmax(128px, .7fr)) auto auto;
grid-template-columns: minmax(220px, 1.35fr) repeat(3, minmax(128px, .7fr)) auto;
align-items: center;
gap: 8px;
padding: 7px 9px;
@@ -8059,7 +8059,7 @@
}
.v2-access-filter-v3 label > :is(.semi-input-wrapper, .semi-select),
.v2-access-filter-v3 > .semi-button {
.v2-access-filter-actions > .semi-button {
width: 100%;
height: 38px;
min-height: 38px;
@@ -8067,6 +8067,25 @@
border-radius: 8px;
}
.v2-access-filter-actions {
display: flex;
min-width: 0;
align-items: center;
justify-content: flex-end;
gap: 8px;
}
.v2-access-filter-actions > .semi-button {
min-width: 76px;
padding-inline: 16px;
font-size: 12px;
font-weight: 700;
}
.v2-access-filter-actions > .semi-button-primary.semi-button-solid {
box-shadow: 0 7px 16px rgba(18, 104, 243, .15);
}
.v2-access-kpis-card-v3.semi-card,
.v2-access-kpis-v3 {
min-height: 60px;
@@ -8111,7 +8130,11 @@
@media (max-width: 1120px) and (min-width: 681px) {
.v2-access-filter-v3 {
grid-template-columns: minmax(200px, 1fr) repeat(3, minmax(110px, .65fr)) auto auto;
grid-template-columns: minmax(200px, 1fr) repeat(3, minmax(110px, .65fr));
}
.v2-access-filter-actions {
grid-column: 1 / -1;
}
.v2-access-command-bar .v2-workspace-command-meta {
@@ -8147,6 +8170,17 @@
display: block;
}
.v2-access-filter-actions {
width: 100%;
grid-column: 1;
}
.v2-access-filter-actions > .semi-button {
height: 42px;
min-height: 42px;
flex: 1 1 0;
}
.v2-access-kpis-card-v3.semi-card,
.v2-access-kpis-v3 {
min-height: 62px;