fix: upgrade photo upload dialog to drag-and-drop dropzone #16

Merged
erik merged 1 commit from fix/photo-upload-dropzone into main 2026-05-22 15:42:42 +00:00
Member

Refs: #12


Replace the plain <input type="file"> in the Upload Photos dialog with the same styled drag-and-drop dropzone used by the Add Route dialog.

Changes:

  • Dropzone with dashed border, hover/drag-over highlight (primary-500 border + primary-50 background), and transitions
  • Cloud-arrow-up icon centered in the dropzone
  • Drag-and-drop support: files dropped onto the zone are transferred to the hidden input via DataTransfer
  • Selection summary: "N photos selected / Click or drop to replace" once files are chosen
  • Resets drag state and file count when dialog is closed
  • Two new @state accessors: _uploadDragOver, _uploadFileCount
Refs: #12 --- Replace the plain `<input type="file">` in the **Upload Photos** dialog with the same styled drag-and-drop dropzone used by the **Add Route** dialog. **Changes:** - Dropzone with dashed border, hover/drag-over highlight (primary-500 border + primary-50 background), and transitions - Cloud-arrow-up icon centered in the dropzone - Drag-and-drop support: files dropped onto the zone are transferred to the hidden input via `DataTransfer` - Selection summary: "N photos selected / Click or drop to replace" once files are chosen - Resets drag state and file count when dialog is closed - Two new `@state` accessors: `_uploadDragOver`, `_uploadFileCount`
fix: upgrade photo upload dialog to drag-and-drop dropzone
Some checks failed
Validate / validate (pull_request) Failing after 5s
e616bdf98d
Replace the plain <input type="file"> in the Upload Photos dialog with
the same styled drag-and-drop dropzone used by the Add Route dialog.
Adds _uploadDragOver and _uploadFileCount reactive state; shows a
selection summary ("N photos selected") once files are chosen.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
erik merged commit 5973742523 into main 2026-05-22 15:42:42 +00:00
erik deleted branch fix/photo-upload-dropzone 2026-05-22 15:42:43 +00:00
Sign in to join this conversation.
No description provided.