feat(ext/vault): fullscreen form header with dirty-state subtitle

Title left ('new login' / 'edit login'), subtitle below cycles between
'no changes' and 'unsaved · esc to cancel' on input events. Right side
shows the platform-aware save hint ('⌘+S to save' / 'Ctrl+S to save').
The actual ⌘+S keymap arrives in Phase 3 — this is a visual hint only.
This commit is contained in:
adlee-was-taken
2026-05-02 15:06:42 -04:00
parent b270dfedb4
commit f1c615c0ed
2 changed files with 68 additions and 0 deletions

View File

@@ -1606,6 +1606,29 @@ textarea {
margin-bottom: 12px;
}
/* Phase 2B: fullscreen form header */
.fullscreen-form-header {
padding: 14px 24px;
border-bottom: 1px solid var(--border-mid);
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.fullscreen-form-header .title {
font-size: 16px;
font-weight: 500;
color: var(--text);
}
.fullscreen-form-header .sub {
font-size: 11px;
color: var(--text-muted);
margin-top: 2px;
}
.fullscreen-form-header .hint {
font-size: 11px;
color: var(--text-dim);
}
/* Phase 2B: sticky save bar + scrollable form pane */
.form-pane {
display: flex;