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
548 B
XML
9 lines
548 B
XML
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512">
|
|
<rect fill="#16a34a" width="512" height="512" rx="85"/>
|
|
<g transform="translate(128, 128)">
|
|
<circle cx="128" cy="128" r="106" fill="none" stroke="#fff" stroke-width="20"/>
|
|
<path d="M128 75 L128 181 M75 128 L181 128" stroke="#fff" stroke-width="20" stroke-linecap="round"/>
|
|
<circle cx="128" cy="75" r="20" fill="#22c55e"/>
|
|
<path d="M85 200 Q128 240 171 200" stroke="#fff" stroke-width="16" fill="none" stroke-linecap="round"/>
|
|
</g>
|
|
</svg>
|