8fe34cc10f
📱 Mobile-First Design Overhaul: - Complete responsive redesign prioritizing mobile experience - Touch-friendly interface with larger tap targets (48px minimum) - Optimized layouts that work seamlessly from mobile to desktop 🎨 ScanModeSelector Mobile Updates: - Full-screen mobile layout with proper spacing - Touch-friendly mode selection cards with active states - Responsive grid (1 column mobile, 2 columns tablet+) - Enhanced pro tips section with better mobile typography 📷 AutoScanningCamera Mobile Optimizations: - Mobile-optimized camera preview with proper aspect ratios - Touch-friendly manual scan button (full-width on mobile) - Better positioned queue counter and scanning indicators - Mobile-specific camera controls overlay with live indicators - Improved error messaging and OCR configuration warnings 🗂️ CardQueue Mobile Experience: - Responsive card grid (1 col mobile → 4 cols desktop) - Larger touch targets for selection and removal - Mobile-optimized card thumbnails with better info layout - Touch-friendly bulk selection controls - Improved empty state with better mobile spacing ⚡ BulkOperations Mobile Interface: - Responsive 3-column layout (stacked on mobile) - Touch-optimized form controls and buttons - Better mobile typography and spacing - Enhanced tag suggestions with touch-friendly buttons - Mobile-optimized creation workflows 🎯 ScanningToast Mobile Positioning: - Full-width on mobile, centered on desktop - Better mobile positioning (top-left-right) - Responsive text sizing and icon scaling - Improved progress bar visibility on mobile 🚀 Mobile UX Enhancements: - Active states for all interactive elements - Proper focus rings for accessibility - Mobile-optimized border radius (rounded-xl) - Better visual hierarchy with responsive typography - Consistent spacing system across all components Perfect for mobile card scanning experience! 📱✨ |
||
|---|---|---|
| .. | ||
| AutoScanningCamera.tsx | ||
| BulkOperations.tsx | ||
| CardQueue.tsx | ||
| ScanModeSelector.tsx | ||
| ScannerWizard.tsx | ||
| ScanningToast.tsx | ||