Skip to content

Commit b7b900b

Browse files
0xJacky0xJacky
committed
feat: implement pwa support #1250 
1 parent f510286 commit b7b900b

File tree

14 files changed

+256
-10
lines changed

14 files changed

+256
-10
lines changed

‎app/index.html

Lines changed: 32 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,49 @@
11
<!DOCTYPE html>
22
<html lang="en">
3+
34
<head>
4-
<meta charset="UTF-8"/>
5-
<link href="/favicon.ico" rel="icon">
6-
<meta content="width=device-width,initial-scale=1.0,user-scalable=0" name="viewport">
7-
<style>
5+
<meta charset="UTF-8" />
6+
<link href="/favicon.ico" rel="icon">
7+
<link href="/favicon-32x32.png" rel="icon" type="image/png" sizes="32x32">
8+
<meta content="width=device-width,initial-scale=1.0,user-scalable=0" name="viewport">
9+
10+
<!-- PWA Manifest -->
11+
<link rel="manifest" href="/manifest.json">
12+
13+
<!-- PWA Meta Tags -->
14+
<meta name="theme-color" content="#ffffff">
15+
<meta name="apple-mobile-web-app-capable" content="yes">
16+
<meta name="apple-mobile-web-app-status-bar-style" content="default">
17+
<meta name="apple-mobile-web-app-title" content="Nginx UI">
18+
<meta name="mobile-web-app-capable" content="yes">
19+
<meta name="msapplication-TileColor" content="#ffffff">
20+
<meta name="msapplication-config" content="/browserconfig.xml">
21+
22+
<!-- Apple Touch Icons -->
23+
<link rel="apple-touch-icon" sizes="192x192" href="/pwa-192x192.png">
24+
<link rel="apple-touch-icon" sizes="512x512" href="/pwa-512x512.png">
25+
26+
<style>
827
body {
928
height: auto !important;
1029
min-height: 100%;
1130
}
31+
1232
body.dark {
1333
background-color: #141414;
1434
color: #fff;
1535
}
36+
1637
#app {
1738
height: 100vh;
1839
}
19-
</style>
20-
<title>Nginx UI</title>
40+
</style>
41+
<title>Nginx UI</title>
2142
</head>
43+
2244
<body>
23-
<div id="app"></div>
24-
<script type="module" src="/src/main.ts"></script>
45+
<div id="app"></div>
46+
<script type="module" src="/src/main.ts"></script>
2547
</body>
26-
</html>
48+
49+
</html>

‎app/public/browserconfig.xml

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
<?xml version="1.0" encoding="utf-8"?>
2+
<browserconfig>
3+
<msapplication>
4+
<tile>
5+
<square150x150logo src="/pwa-192x192.png"/>
6+
<TileColor>#1890ff</TileColor>
7+
</tile>
8+
</msapplication>
9+
</browserconfig>

‎app/public/favicon-32x32.png

764 Bytes
Loading

‎app/public/manifest.json

Lines changed: 63 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,63 @@
1+
{
2+
"name": "Nginx UI",
3+
"short_name": "Nginx UI",
4+
"description": "Yet another Nginx Web UI",
5+
"theme_color": "#ffffff",
6+
"background_color": "#ffffff",
7+
"display": "standalone",
8+
"orientation": "portrait-primary",
9+
"scope": "/",
10+
"start_url": "/",
11+
"lang": "en",
12+
"categories": ["productivity", "utilities"],
13+
"icons": [
14+
{
15+
"src": "/favicon.ico",
16+
"sizes": "any",
17+
"type": "image/x-icon",
18+
"purpose": "any"
19+
},
20+
{
21+
"src": "/favicon-32x32.png",
22+
"sizes": "32x32",
23+
"type": "image/png",
24+
"purpose": "any"
25+
},
26+
{
27+
"src": "/pwa-48x48.png",
28+
"sizes": "48x48",
29+
"type": "image/png",
30+
"purpose": "any"
31+
},
32+
{
33+
"src": "/pwa-72x72.png",
34+
"sizes": "72x72",
35+
"type": "image/png",
36+
"purpose": "any"
37+
},
38+
{
39+
"src": "/pwa-96x96.png",
40+
"sizes": "96x96",
41+
"type": "image/png",
42+
"purpose": "any"
43+
},
44+
{
45+
"src": "/pwa-144x144.png",
46+
"sizes": "144x144",
47+
"type": "image/png",
48+
"purpose": "any"
49+
},
50+
{
51+
"src": "/pwa-192x192.png",
52+
"sizes": "192x192",
53+
"type": "image/png",
54+
"purpose": "any maskable"
55+
},
56+
{
57+
"src": "/pwa-512x512.png",
58+
"sizes": "512x512",
59+
"type": "image/png",
60+
"purpose": "any maskable"
61+
}
62+
]
63+
}

‎app/public/pwa-144x144.png

5.15 KB
Loading

‎app/public/pwa-192x192.png

6.2 KB
Loading

‎app/public/pwa-48x48.png

1.17 KB
Loading

‎app/public/pwa-512x512.png

27.5 KB
Loading

‎app/public/pwa-72x72.png

2.05 KB
Loading

‎app/public/pwa-96x96.png

2.96 KB
Loading

0 commit comments

Comments
 (0)