Merge pull request #33 from jiftechnify/maskable-icon

Configure maskable icon
jiftechnify · Oct 4, 2023 · 2f55e23 · 2f55e23
2 parents 7c9dce6 + c56c2af
commit 2f55e23
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 1 deletion.
diff --git a/index.html b/index.html
@@ -11,6 +11,8 @@
     <meta property="og:site_name" content="nostatus" />
     <meta name="twitter:card" content="summary_large_image" />
     <meta name="twitter:creator" content="@cstl_fy" />
+    <meta name="theme-color" content="#822ad2" />
+    <meta name="description" content="Nostr client for browsing your friends' status." />
     <link rel="icon" sizes="16x16 32x32 48x48" href="/favicon.ico" />
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <link rel="apple-touch-icon" href="/apple-touch-icon.png" />

diff --git a/public/maskable_icon_x192.png b/public/maskable_icon_x192.png
diff --git a/public/maskable_icon_x512.png b/public/maskable_icon_x512.png
diff --git a/vite.config.ts b/vite.config.ts
@@ -24,12 +24,24 @@ export default defineConfig({
             sizes: "512x512",
             type: "image/png",
           },
+          {
+            src: "/maskable_icon_x192.png",
+            sizes: "192x192",
+            type: "image/png",
+            purpose: "maskable",
+          },
+          {
+            src: "/maskable_icon_x512.png",
+            sizes: "512x512",
+            type: "image/png",
+            purpose: "maskable",
+          },
         ],
         theme_color: "#822ad2",
         background_color: "#f1f5f9",
         display: "standalone",
       },
-      manifestFilename: 'manifest.json',
+      manifestFilename: "manifest.json",
       devOptions: { enabled: true },
     }),
   ],