refactor: Improve voice and response modals UX

- Center both modals with dark backdrop and blur effect
- Make voice modal larger (420px) with bigger record button
- Make response modal larger (540px) with bigger text (18px)
- Remove auto-dismiss from bubbles - manual dismiss only
- Add backdrop click to close response modal
- Remove unused bottom sheet code from FloatingVoice
- Add touch protection CSS to prevent text selection
- Clean up mobile-specific variables no longer needed
This commit is contained in:
2026-02-14 05:07:27 -06:00
parent f9b5ad3db6
commit 2133e2d057
4 changed files with 182 additions and 384 deletions

View File

@@ -10,7 +10,6 @@ export interface ResponseControls {
removeMessage: (id: string) => void
clearAll: () => void
getMessages: () => Array<{ id: string; message: string; type: string; timestamp: number }>
move: (x: number, y: number) => void
}
// Global reference to response controls (set by App.vue)