- Add reusable ConfirmDialog component, styles, and useConfirm hook to provide async confirmation flows - Wire ConfirmProvider at app level and migrate confirm call sites across task, agent, roadmap, plugin, and settings UI actions - Update modal interaction patterns to support dialog reentry and consistent destructive-action confirmations - Expand dashboard tests with confirm dialog and hook coverage plus migrated component test assertions
23 lines
421 B
CSS
23 lines
421 B
CSS
.confirm-dialog {
|
|
width: min(420px, calc(100vw - var(--space-2xl)));
|
|
}
|
|
|
|
.confirm-dialog__body {
|
|
color: var(--text-muted);
|
|
line-height: 1.5;
|
|
padding: 0 var(--space-xl) var(--space-lg);
|
|
white-space: pre-wrap;
|
|
}
|
|
|
|
.confirm-dialog__actions {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
gap: var(--space-sm);
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.confirm-dialog {
|
|
width: min(100vw - var(--space-md), 100%);
|
|
}
|
|
}
|