feat(platform): add alert action conclusion

This commit is contained in:
lingniu
2026-07-05 23:09:33 +08:00
parent 15a318112d
commit 4eda7b7e1b
3 changed files with 160 additions and 0 deletions

View File

@@ -6132,6 +6132,88 @@ button.vp-realtime-command-item:focus-visible {
gap: 12px;
}
.vp-alert-action-conclusion {
margin-top: 16px;
margin-bottom: 16px;
border: 1px solid rgba(239, 68, 68, 0.18);
border-radius: var(--vp-radius);
background: #fff;
display: grid;
grid-template-columns: minmax(280px, 0.42fr) minmax(0, 1.58fr);
overflow: hidden;
box-shadow: var(--vp-shadow-sm);
}
.vp-alert-action-conclusion-summary {
padding: 18px;
border-right: 1px solid var(--vp-border);
background: #fff7f7;
display: grid;
gap: 10px;
align-content: center;
}
.vp-alert-action-conclusion-summary strong {
color: var(--vp-text);
font-size: 18px;
line-height: 26px;
word-break: break-word;
}
.vp-alert-action-conclusion-grid {
padding: 14px;
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 10px;
}
.vp-alert-action-conclusion-item {
min-height: 132px;
padding: 12px;
border: 1px solid rgba(239, 68, 68, 0.14);
border-radius: 8px;
background: #fbfcff;
color: inherit;
cursor: pointer;
font: inherit;
text-align: left;
display: grid;
gap: 8px;
align-content: start;
}
.vp-alert-action-conclusion-item:hover,
.vp-alert-action-conclusion-item:focus-visible {
border-color: rgba(239, 68, 68, 0.42);
background: #fff7f7;
box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.08);
outline: none;
}
.vp-alert-action-conclusion-item strong {
color: var(--vp-text);
font-size: 17px;
line-height: 24px;
font-weight: 800;
word-break: break-word;
}
.vp-alert-action-conclusion-item span {
color: var(--vp-text-muted);
font-size: 12px;
line-height: 18px;
word-break: break-word;
}
.vp-alert-action-conclusion-item em {
align-self: end;
color: var(--vp-primary);
font-size: 12px;
font-style: normal;
font-weight: 800;
line-height: 18px;
}
.vp-alert-customer-service-desk {
margin-top: 16px;
margin-bottom: 16px;
@@ -11526,6 +11608,8 @@ button.vp-realtime-command-item:focus-visible {
.vp-conclusion-grid,
.vp-monitor-layout,
.vp-alert-flow,
.vp-alert-action-conclusion,
.vp-alert-action-conclusion-grid,
.vp-alert-customer-service-desk,
.vp-alert-customer-service-grid,
.vp-alert-decision-board,