diff --git a/public/style.css b/public/style.css index 79d1c78..fc1b615 100644 --- a/public/style.css +++ b/public/style.css @@ -400,6 +400,17 @@ button.primary:hover { transition: var(--transition-fast); } +.vab-save-btn:hover, +.vab-cancel-btn:hover { + background: var(--glass-bg); +} + +.vab-save-btn.success { + background: var(--success-color, #4CAF50); + border-color: var(--success-color, #4CAF50); + color: white; +} + .vab-cat-tab:hover { border-color: var(--color-primary); color: white; diff --git a/src/ui/VABEditor.ts b/src/ui/VABEditor.ts index 24fdf14..420c104 100644 --- a/src/ui/VABEditor.ts +++ b/src/ui/VABEditor.ts @@ -147,7 +147,18 @@ export class VABEditor { this.savedBlueprints.push(this.blueprint); } saveBlueprints(this.savedBlueprints); - alert('Blueprint saved!'); + + // Inline success feedback + const originalText = saveBtn.textContent; + saveBtn.textContent = 'Saved!'; + saveBtn.classList.add('success'); + saveBtn.setAttribute('aria-live', 'polite'); + + setTimeout(() => { + saveBtn.textContent = originalText; + saveBtn.classList.remove('success'); + saveBtn.removeAttribute('aria-live'); + }, 2000); return; }