added more icons for PWA installability #41

2020-05-29 19:40:57 +02:00
parent 3c3a9bc511
commit 6616cec0e7
5 changed files with 22 additions and 7 deletions
--- a/frontend/public/android-chrome-512x512.png
+++ b/frontend/public/android-chrome-512x512.png
--- a/frontend/public/android-icon-192x192.png
+++ b/frontend/public/android-icon-192x192.png
--- a/frontend/public/apple-icon-180x180.png
+++ b/frontend/public/apple-icon-180x180.png
--- a/frontend/public/index.html
+++ b/frontend/public/index.html
@@ -4,6 +4,8 @@
 <head>
    <meta charset="utf-8" />
    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <link rel="apple-touch-icon" href="/apple-icon-180x180.png">
+    <meta name="theme-color" content="#0B1929" />
    <meta name="viewport" content="minimum-scale=1, initial-scale=1, width=device-width, shrink-to-fit=no" />
    <meta name="description" content="This is the dashboard for sim companies ">
    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
--- a/frontend/public/manifest.json
+++ b/frontend/public/manifest.json
@@ -2,12 +2,25 @@
    "short_name": "SC Dashboard",
    "name": "Sim Companies Dashboard",
    "icons": [{
-        "src": "favicon.ico",
-        "sizes": "64x64 32x32 24x24 16x16",
-        "type": "image/x-icon"
-    }],
-    "start_url": ".",
+            "src": "favicon.ico",
+            "sizes": "64x64 32x32 24x24 16x16",
+            "type": "image/x-icon"
+        },
+        {
+            "src": "/android-icon-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png",
+            "density": "4.0"
+        },
+        {
+            "src": "/android-chrome-512x512.png",
+            "sizes": "192x192",
+            "type": "image/png",
+            "density": "4.0"
+        }
+    ],
+    "start_url": "https://projects.oliver.boehlk.io/simcompanies",
    "display": "standalone",
-    "theme_color": "#000000",
-    "background_color": "#ffffff"
+    "theme_color": "#0B1929",
+    "background_color": "#0B1929"
 }