Fix PWA to open as standalone app instead of browser tab
## manifest.json - Add `id` and `scope` fields for proper PWA identification - Split icon purposes into separate entries (was "any maskable", now separate) - Add `prefer_related_applications: false` ## index.html - Add `viewport-fit=cover` for notched devices - Add `mobile-web-app-capable` meta tag - Add `application-name` and `msapplication` meta tags - Add both 192px and 512px apple-touch-icon sizes ## styles.css - Add safe-area-inset padding for notched devices (iPhone X+) - Use 100dvh for proper mobile viewport height - Add bottom safe area to toast container and macro grid ## service-worker.js - Bump cache version to v2 to force update 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
@@ -1,8 +1,10 @@
|
||||
{
|
||||
"id": "/",
|
||||
"name": "MacroPad Server",
|
||||
"short_name": "MacroPad",
|
||||
"description": "Remote macro control for your desktop",
|
||||
"start_url": "/",
|
||||
"scope": "/",
|
||||
"display": "standalone",
|
||||
"background_color": "#2e2e2e",
|
||||
"theme_color": "#007acc",
|
||||
@@ -12,14 +14,27 @@
|
||||
"src": "/static/icons/icon-192.png",
|
||||
"sizes": "192x192",
|
||||
"type": "image/png",
|
||||
"purpose": "any maskable"
|
||||
"purpose": "any"
|
||||
},
|
||||
{
|
||||
"src": "/static/icons/icon-192.png",
|
||||
"sizes": "192x192",
|
||||
"type": "image/png",
|
||||
"purpose": "maskable"
|
||||
},
|
||||
{
|
||||
"src": "/static/icons/icon-512.png",
|
||||
"sizes": "512x512",
|
||||
"type": "image/png",
|
||||
"purpose": "any maskable"
|
||||
"purpose": "any"
|
||||
},
|
||||
{
|
||||
"src": "/static/icons/icon-512.png",
|
||||
"sizes": "512x512",
|
||||
"type": "image/png",
|
||||
"purpose": "maskable"
|
||||
}
|
||||
],
|
||||
"categories": ["utilities", "productivity"]
|
||||
"categories": ["utilities", "productivity"],
|
||||
"prefer_related_applications": false
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user