Skip to content

Commit 253a3aa

Browse files
mhadailyyyx990803
authored andcommitted
Pwa improvement (#194)
* add 256 & 512 icons * skip to content snippet * remove user-scalable=no to enable zoom
1 parent c5f9a65 commit 253a3aa

File tree

4 files changed

+16
-3
lines changed

4 files changed

+16
-3
lines changed

manifest.json

+9-1
Original file line numberDiff line numberDiff line change
@@ -17,10 +17,18 @@
1717
"src": "/public/logo-192.png",
1818
"sizes": "192x192",
1919
"type": "image/png"
20-
},{
20+
}, {
21+
"src": "/public/logo-256.png",
22+
"sizes": "256x256",
23+
"type": "image/png"
24+
}, {
2125
"src": "/public/logo-384.png",
2226
"sizes": "384x384",
2327
"type": "image/png"
28+
}, {
29+
"src": "/public/logo-512.png",
30+
"sizes": "512x512",
31+
"type": "image/png"
2432
}],
2533
"start_url": "/",
2634
"background_color": "#f2f3f5",

public/logo-256.png

2.31 KB
Loading

public/logo-512.png

5.61 KB
Loading

src/index.template.html

+7-2
Original file line numberDiff line numberDiff line change
@@ -7,12 +7,17 @@
77
<meta name="apple-mobile-web-app-capable" content="yes">
88
<meta name="apple-mobile-web-app-status-bar-style" content="default">
99
<link rel="apple-touch-icon" sizes="120x120" href="/public/logo-120.png">
10-
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
10+
<meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui">
1111
<link rel="shortcut icon" sizes="48x48" href="/public/logo-48.png">
1212
<meta name="theme-color" content="#f60">
1313
<link rel="manifest" href="/manifest.json">
14+
<style>
15+
#skip a { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; }
16+
#skip a:focus { position:static; width:auto; height:auto; }
17+
</style>
1418
</head>
1519
<body>
16-
<!--vue-ssr-outlet-->
20+
<div id="skip"><a href="#app">skip to content</a></div>
21+
<!--vue-ssr-outlet-->
1722
</body>
1823
</html>

0 commit comments

Comments
 (0)