style(ui): 💄 improve the icons in web manifest

dashhive · Jul 21, 2024 · 104cbea · 104cbea
1 parent a2db906
commit 104cbea
Show file tree

Hide file tree

Showing 8 changed files with 27 additions and 14 deletions.
diff --git a/public/icons/dash-incubator-circle.png b/public/icons/dash-incubator-circle.png
diff --git a/public/icons/dash-incubator-circle.svg b/public/icons/dash-incubator-circle.svg
diff --git a/public/icons/dash-incubator-circle_x192.png b/public/icons/dash-incubator-circle_x192.png
diff --git a/public/icons/dash-incubator-circle_x512.png b/public/icons/dash-incubator-circle_x512.png
diff --git a/public/icons/maskable_icon.png b/public/icons/maskable_icon.png
diff --git a/public/icons/maskable_icon_x192.png b/public/icons/maskable_icon_x192.png
diff --git a/src/index.html b/src/index.html
@@ -16,22 +16,23 @@
   }
   </script>
 
+  <meta name="description" content="A Graphical User Interface (GUI) for DashWallet.js">
   <meta name="application-name" content="Incubator Wallet">
   <meta name="apple-mobile-web-app-title" content="Incubator Wallet">
-	<meta name="mobile-web-app-capable" content="yes">
-	<meta name="apple-mobile-web-app-capable" content="yes">
-	<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
-	<meta name="theme-color" content="#111921">
-	<meta name="msapplication-TileColor" content="#0C1217">
-	<meta name="msapplication-TileImage" content="../public/icons/dash-incubator-circle.png">
-	<meta name="msapplication-config" content="../public/icons/browserconfig.xml">
+  <meta name="mobile-web-app-capable" content="yes">
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+  <meta name="theme-color" content="#111921">
+  <meta name="msapplication-TileColor" content="#0C1217">
+  <meta name="msapplication-TileImage" content="../public/icons/dash-incubator-circle.png">
+  <meta name="msapplication-config" content="../public/icons/browserconfig.xml">
 
-	<link rel="icon" type="image/png" href="../public/favicon.png">
-	<link rel="shortcut icon" href="../public/favicon.png">
-	<link rel="manifest" href="./manifest.webmanifest?v=0.0.0" crossorigin="use-credentials">
+  <link rel="icon" type="image/png" href="../public/favicon.png">
+  <link rel="shortcut icon" href="../public/favicon.png">
+  <link rel="manifest" href="./manifest.webmanifest?v=0.0.0" crossorigin="use-credentials">
 
-	<link rel="icon" type="image/png" sizes="176x176" href="../public/icons/dash-incubator-circle.png">
-	<link rel="apple-touch-icon" sizes="176x176" href="../public/icons/dash-incubator-circle.png">
+  <link rel="icon" type="image/png" sizes="176x176" href="../public/icons/dash-incubator-circle.png">
+  <link rel="apple-touch-icon" sizes="176x176" href="../public/icons/dash-incubator-circle.png">
   <link rel="stylesheet" type="text/css" media="screen" href="./index.css?v=0.0.0">
 </head>
 <body class="nt">

diff --git a/src/manifest.webmanifest b/src/manifest.webmanifest
@@ -20,9 +20,20 @@
 	"theme_color": "#111921",
   "icons": [
     {
-      "src": "/public/icons/dash-incubator-circle.png",
-      "sizes": "176x176",
+      "src": "/public/icons/dash-incubator-circle_x512.png",
+      "sizes": "512x512",
       "type": "image/png"
+    },
+    {
+      "src": "/public/icons/dash-incubator-circle_x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/public/icons/maskable_icon_x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
     }
   ],
   "protocol_handlers": [