endery/voxblog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add mobile image upload support with camera integration
All checks were successful
Deploy to Production / deploy (push) Successful in 1m47s
Details

Browse Source 
- Added mobile-optimized image upload functionality allowing users to select from camera/gallery
- Updated upload button to support multiple file selection with progress indicator
- Added documentation for mobile upload testing steps in MOBILE_COMPATIBILITY.md
- Expanded mobile compatibility checklist to include camera/gallery upload verification
This commit is contained in:
Ender 2025-10-26 22:36:21 +01:00
parent be6ce75a77
commit 31f9857804
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
MOBILE_COMPATIBILITY.md
View File

@ -74,6 +74,9 @@ The VoxBlog admin interface has been optimized for mobile devices with responsiv
- **Grid adapts**: 150px min columns on mobile, 200px on desktop - **Grid adapts**: 150px min columns on mobile, 200px on desktop
- Tip text hidden on mobile (xs) to save space - Tip text hidden on mobile (xs) to save space
- Small buttons throughout - Small buttons throughout
- **📱 Upload button**: Tap to select images from phone camera/gallery
- Supports multiple file selection
- Shows upload progress
#### 12. **Recorder** (`features/recorder/Recorder.tsx`) #### 12. **Recorder** (`features/recorder/Recorder.tsx`)
- Button toolbar wraps - Button toolbar wraps
@ -131,12 +134,13 @@ Test on these viewport sizes:
1. **Login** - AuthGate form usable 1. **Login** - AuthGate form usable
2. **Posts List** - Grid scrolls, search works, buttons accessible 2. **Posts List** - Grid scrolls, search works, buttons accessible
3. **Editor** - Stepper scrolls, sidebar stacks, steps navigate 3. **Editor** - Stepper scrolls, sidebar stacks, steps navigate
4. **Assets** - Media grid adapts, recorder buttons wrap 4. **Assets** - Media grid adapts, recorder buttons wrap, **upload button works**
5. **Generate** - Streaming content displays, buttons wrap 5. **Generate** - Streaming content displays, buttons wrap
6. **Edit** - Rich editor works, placeholder buttons wrap 6. **Edit** - Rich editor works, placeholder buttons wrap
7. **Metadata** - Form fields full-width, buttons wrap 7. **Metadata** - Form fields full-width, buttons wrap
8. **Publish** - Preview scrolls, buttons wrap 8. **Publish** - Preview scrolls, buttons wrap
9. **Settings** - Form usable, buttons stack 9. **Settings** - Form usable, buttons stack
10. **📱 Mobile Upload** - Tap "Upload Images" to select from camera/gallery
## Browser Compatibility ## Browser Compatibility