refine Semi UI alert disposition flow

This commit is contained in:
lingniu
2026-07-18 18:38:04 +08:00
parent 23669d8190
commit db1079ae27
3 changed files with 124 additions and 6 deletions

View File

@@ -1941,6 +1941,31 @@
padding-bottom: 14px;
}
.v2-alert-inspector.is-sheet .v2-alert-inspector-content {
gap: 8px;
padding: 8px 8px 14px;
}
.v2-alert-inspector.is-sheet .v2-alert-disposition-card > .semi-card-header {
min-height: 40px;
}
.v2-alert-inspector.is-sheet .v2-alert-disposition-card > .semi-card-body {
padding: 8px !important;
}
.v2-alert-inspector.is-sheet .v2-alert-disposition-card .semi-input-textarea {
min-height: 52px;
}
.v2-alert-inspector.is-sheet .v2-alert-disposition-card .v2-alert-actions {
margin-top: 7px;
}
.v2-alert-inspector.is-sheet .v2-alert-disposition-card .v2-alert-actions > .semi-button {
min-height: 38px;
}
.v2-access-governance-summary > .semi-card-body {
grid-template-columns: 1fr;
}
@@ -7630,6 +7655,89 @@
padding: 10px !important;
}
.v2-alert-disposition-card {
border-color: #cfe0f7 !important;
box-shadow: 0 6px 18px rgba(18, 104, 243, .06) !important;
}
.v2-alert-disposition-card > .semi-card-header {
background: linear-gradient(90deg, #f4f8ff 0%, #fff 72%);
}
.v2-alert-disposition-card .v2-alert-actions {
margin-top: 9px;
}
.v2-alert-disposition-card .v2-alert-actions > .semi-button {
min-height: 36px;
border-radius: 8px;
}
.v2-alert-inspector:not(.is-sheet) .v2-alert-inspector-content {
gap: 8px;
padding: 8px;
}
.v2-alert-inspector:not(.is-sheet) > .semi-card-body > .v2-alert-inspector-heading {
min-height: 64px;
padding: 8px 11px;
}
.v2-alert-inspector:not(.is-sheet) > .semi-card-body > .v2-alert-inspector-heading > .v2-workspace-panel-copy {
gap: 2px;
}
.v2-alert-inspector:not(.is-sheet) > .semi-card-body > .v2-alert-inspector-heading > .v2-workspace-panel-actions {
max-width: none;
align-items: center;
flex-direction: row;
gap: 6px;
}
.v2-alert-inspector:not(.is-sheet) .v2-alert-focus-identity {
min-height: 68px;
padding: 9px 11px;
}
.v2-alert-inspector:not(.is-sheet) .v2-alert-focus-facts > span {
min-height: 48px;
padding: 6px 9px;
}
.v2-alert-inspector:not(.is-sheet) .v2-alert-focus-card .v2-alert-evidence {
padding: 8px;
}
.v2-alert-inspector:not(.is-sheet) .v2-alert-focus-card .v2-alert-evidence > .v2-alert-evidence-value > .semi-card-body {
min-height: 62px;
padding-block: 6px;
}
.v2-alert-inspector:not(.is-sheet) .v2-alert-focus-rule {
min-height: 34px;
padding-block: 5px;
}
.v2-alert-inspector:not(.is-sheet) .v2-alert-disposition-card > .semi-card-header {
min-height: 40px;
}
.v2-alert-inspector:not(.is-sheet) .v2-alert-disposition-card > .semi-card-body {
padding: 8px !important;
}
.v2-alert-inspector:not(.is-sheet) .v2-alert-disposition-card .semi-input-textarea {
min-height: 48px;
}
.v2-alert-inspector:not(.is-sheet) .v2-alert-disposition-card .v2-alert-actions {
margin-top: 7px;
}
.v2-alert-inspector:not(.is-sheet) .v2-alert-disposition-card .v2-alert-actions > .semi-button {
min-height: 34px;
}
.v2-alert-inspector > .semi-card-body > .v2-alert-links {
min-height: 50px;
padding: 7px 10px;