.atlas-dialog
Dialog
Blocking modal. Header + body + footer. Cancel ghost on the left, primary on the right.
Default
Delete project
This will permanently delete atlas and all of its deployments. This cannot be undone.
Type
atlas to confirm.<div class="atlas-dialog" style="position:relative;width:440px;box-shadow:var(--shadow-lg)">
<div class="atlas-dialog-header">
<div class="atlas-dialog-title">Delete project</div>
<div class="atlas-dialog-desc">This will permanently delete atlas and all of its deployments. This cannot be undone.</div>
</div>
<div class="atlas-dialog-body" style="font-size:13px;color:var(--text-secondary)">Type <code style="font-family:var(--font-mono);color:var(--text-primary)">atlas</code> to confirm.</div>
<div class="atlas-dialog-footer" style="display:flex;justify-content:flex-end;gap:8px">
<button class="atlas-btn atlas-btn-ghost">Cancel</button>
<button class="atlas-btn atlas-btn-destructive">Delete project</button>
</div>
</div>