c2a1b05677
This implements the mobile optimization agent (P3 - Enhancement) with: PWA Configuration: - Add next-pwa integration with offline caching strategies - Create web app manifest for installability - Add service worker with background sync support - Create offline fallback page Mobile Components: - BottomNav: Touch-friendly bottom navigation bar - MobileHeader: Responsive header with back navigation - InstallPrompt: Smart PWA install prompt (iOS & Android) - SwipeableCard: Gesture-based swipeable cards - PullToRefresh: Native-like pull to refresh - QRScanner: Camera-based QR code scanning Mobile Library: - camera.ts: Camera access and photo capture utilities - offline.ts: IndexedDB-based offline storage and sync - gestures.ts: Touch gesture detection (swipe, pinch, tap) - pwa.ts: PWA status, install prompts, service worker management Mobile Pages: - /m: Mobile dashboard with quick actions and stats - /m/scan: QR code scanner for plant lookup - /m/quick-add: Streamlined plant registration form - /m/profile: User profile with offline status Dependencies added: next-pwa, idb
9 lines
527 B
XML
9 lines
527 B
XML
<svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" viewBox="0 0 192 192">
|
|
<rect fill="#16a34a" width="192" height="192" rx="32"/>
|
|
<g transform="translate(48, 48)">
|
|
<circle cx="48" cy="48" r="40" fill="none" stroke="#fff" stroke-width="8"/>
|
|
<path d="M48 28 L48 68 M28 48 L68 48" stroke="#fff" stroke-width="8" stroke-linecap="round"/>
|
|
<circle cx="48" cy="28" r="8" fill="#22c55e"/>
|
|
<path d="M32 75 Q48 90 64 75" stroke="#fff" stroke-width="6" fill="none" stroke-linecap="round"/>
|
|
</g>
|
|
</svg>
|