From 9fdbd180df34a71553f51ef0f3902d8dc355255d Mon Sep 17 00:00:00 2001 From: Pontus Jensen Karlsson Date: Sun, 7 May 2023 11:40:16 +0200 Subject: [PATCH] Added maskable versions of the PWA icon. Recent versions of Android allows the user to choose their own homescreen icons shape. This introduces the concept of maskable PWA icons, which without the "purpose" tag and properly padded icons makes the homescreen icon look really boxy and weird. This adds a new version of the icon with more padding in three sizes, as well as the "purpose" attribute in the manifest.json file. The three old icons are retained for compatibility with desktop and iOS. --- ui/static/bin/maskable-icon-120.png | Bin 0 -> 1215 bytes ui/static/bin/maskable-icon-192.png | Bin 0 -> 2185 bytes ui/static/bin/maskable-icon-512.png | Bin 0 -> 3378 bytes ui/static_manifest.go | 16 ++++++++++------ 4 files changed, 10 insertions(+), 6 deletions(-) create mode 100644 ui/static/bin/maskable-icon-120.png create mode 100644 ui/static/bin/maskable-icon-192.png create mode 100644 ui/static/bin/maskable-icon-512.png diff --git a/ui/static/bin/maskable-icon-120.png b/ui/static/bin/maskable-icon-120.png new file mode 100644 index 0000000000000000000000000000000000000000..7f30c5b302530ea92360c3e2b2551a925676ee31 GIT binary patch literal 1215 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 literal 0 HcmV?d00001 diff --git a/ui/static/bin/maskable-icon-512.png b/ui/static/bin/maskable-icon-512.png new file mode 100644 index 0000000000000000000000000000000000000000..c8ee563e38cf5653574caa8400752e9c12e99ce8 GIT binary patch literal 3378 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