feat(ux): Sticky Save/Cancel buttons on forms (#38)

- Add sticky positioning to form action buttons (always visible at bottom)
- Add Ctrl+S / Cmd+S keyboard shortcut to save forms
- Create reusable useFormShortcuts hook
- Apply to all create forms: spool, filament, vendor

Fixes: https://github.com/Donkie/Spoolman/issues/274

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
2026-01-16 00:09:06 -06:00
parent 88747307e5
commit 94612a6dd3
5 changed files with 62 additions and 3 deletions

View File

@@ -6,3 +6,15 @@
.ant-form {
max-width: 800px;
}
/* Sticky Save/Cancel buttons on forms (#38) */
.ant-card-actions {
position: sticky;
bottom: 0;
z-index: 100;
background: var(--ant-color-bg-container, #fff);
border-top: 1px solid var(--ant-color-border-secondary, #f0f0f0);
margin: 0 -24px -24px -24px;
padding: 12px 24px;
border-radius: 0 0 8px 8px;
}