feat(pwa): complete PWA configuration

- Generate PWA icons in multiple sizes (72-512px)
- Create favicon.svg with app branding
- Add offline.html fallback page
- Update app.html with PWA meta tags
- Add theme-color and apple-touch-icon
- Configure viewport-fit for mobile notches
- PWA manifest already configured in vite.config.js
- Service worker caching already configured
This commit is contained in:
2026-01-06 16:17:57 +01:00
parent e8c6dd3930
commit 8145645252
12 changed files with 109 additions and 1 deletions
+5 -1
View File
@@ -2,7 +2,11 @@
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
<meta name="description" content="Mobile-first task management with offline support" />
<meta name="theme-color" content="#4f46e5" />
<link rel="icon" href="/favicon.svg" type="image/svg+xml" />
<link rel="apple-touch-icon" href="/icons/icon-192.png" />
%sveltekit.head%
</head>
<body data-sveltekit-preload-data="hover">