Logos: add maskable.app icons to fix logo display issues on mobile de…

…vices
mrdjohnson · Nov 20, 2024 · ba457b8 · ba457b8
1 parent b09dc11
commit ba457b8
Show file tree

Hide file tree

Showing 7 changed files with 36 additions and 0 deletions.
diff --git a/environments/pwa/pwa.vite.ts b/environments/pwa/pwa.vite.ts
@@ -35,6 +35,42 @@ export const pwaOptions: Partial<VitePWAOptions> = {
         type: 'image/png',
         purpose: 'any',
       },
+      {
+        sizes: '48x48',
+        src: 'maskable_icon_x48.png',
+        type: 'image/png',
+        purpose: 'maskable',
+      },
+      {
+        sizes: '72x72',
+        src: 'maskable_icon_x72.png',
+        type: 'image/png',
+        purpose: 'maskable',
+      },
+      {
+        sizes: '96x96',
+        src: 'maskable_icon_x96.png',
+        type: 'image/png',
+        purpose: 'maskable',
+      },
+      {
+        sizes: '128x128',
+        src: 'maskable_icon_x128.png',
+        type: 'image/png',
+        purpose: 'maskable',
+      },
+      {
+        sizes: '192x192',
+        src: 'maskable_icon_x192.png',
+        type: 'image/png',
+        purpose: 'maskable',
+      },
+      {
+        sizes: '384x384',
+        src: 'maskable_icon_x384.png',
+        type: 'image/png',
+        purpose: 'maskable',
+      },
       {
         src: 'pwa-512x512.png',
         sizes: '512x512',

diff --git a/public/maskable_icon_x128.png b/public/maskable_icon_x128.png
diff --git a/public/maskable_icon_x192.png b/public/maskable_icon_x192.png
diff --git a/public/maskable_icon_x384.png b/public/maskable_icon_x384.png
diff --git a/public/maskable_icon_x48.png b/public/maskable_icon_x48.png
diff --git a/public/maskable_icon_x72.png b/public/maskable_icon_x72.png
diff --git a/public/maskable_icon_x96.png b/public/maskable_icon_x96.png