Enable PWA mode

* Full screen support
* Avoid reload at startup if the app was already added to the home
* Match the top status bar color
This commit is contained in:
Daniele Tonon 2023-01-30 12:31:20 +01:00
parent 6513463cd2
commit dd5a9e3d1e
2 changed files with 50 additions and 11 deletions

15
public/manifest.json Normal file
View File

@ -0,0 +1,15 @@
{
"short_name": "Hamstr",
"name": "Hamstr - Nostr client",
"start_url": "/home",
"display": "standalone",
"theme_color": "#15202b",
"background_color": "#15202b",
"icons": [
{
"src": "icons/favicon-256x256.png",
"sizes": "256x256",
"type": "image/png"
}
]
}

View File

@ -3,17 +3,41 @@
<head>
<title><%= productName %></title>
<meta charset="utf-8">
<meta name="description" content="<%= productDescription %>">
<meta name="format-detection" content="telephone=no">
<meta name="msapplication-tap-highlight" content="no">
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width<% if (ctx.mode.cordova || ctx.mode.capacitor) { %>, viewport-fit=cover<% } %>">
<link rel="icon" type="image/png" sizes="128x128" href="icons/favicon-128x128.png">
<link rel="icon" type="image/png" sizes="96x96" href="icons/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="32x32" href="icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="icons/favicon-16x16.png">
<link rel="icon" type="image/ico" href="favicon.png">
<meta charset="utf-8" />
<meta name="description" content="<%= productDescription %>" />
<meta name="format-detection" content="telephone=no" />
<meta name="msapplication-tap-highlight" content="no" />
<meta
name="viewport"
content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width<% if (ctx.mode.cordova || ctx.mode.capacitor) { %>, viewport-fit=cover<% } %>"
/>
<link rel="manifest" href="/manifest.json" />
<meta name="theme-color" content="#15202b" />
<link
rel="icon"
type="image/png"
sizes="128x128"
href="icons/favicon-128x128.png"
/>
<link
rel="icon"
type="image/png"
sizes="96x96"
href="icons/favicon-96x96.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="icons/favicon-32x32.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="icons/favicon-16x16.png"
/>
<link rel="icon" type="image/ico" href="favicon.png" />
</head>
<body>
<!-- DO NOT touch the following DIV -->