Skip to content

Commit 42a35fd

Browse files
authored
PWA assets: Update generator config & Reduce padding for Apple touch icon (#40)
- Use minimal-2023 preset instead of deprecated minimal preset. - Add less padding to apple-touch-icon.
1 parent 0f9cad9 commit 42a35fd

5 files changed

Lines changed: 28 additions & 2 deletions

File tree

index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<head>
44
<meta charset="UTF-8" />
55
<link rel="icon" href="/favicon.svg" sizes="any" type="image/svg+xml" />
6-
<link rel="icon" href="/favicon.ico" sizes="64x64" />
6+
<link rel="icon" href="/favicon.ico" sizes="48x48" />
77
<link rel="apple-touch-icon" href="/apple-touch-icon-180x180.png" />
88
<meta
99
name="viewport"

package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@
2020
"test:watch": "vitest watch",
2121
"test:coverage": "vitest run --coverage",
2222
"generate:api": "tsx --import tsx ./scripts/apigen.ts",
23-
"generate:pwa-assets": "pwa-assets-generator --preset minimal public/favicon.svg"
23+
"generate:pwa-assets": "pwa-assets-generator --preset minimal-2023 public/favicon.svg"
2424
},
2525
"dependencies": {
2626
"@hey-api/client-fetch": "^0.7.2",
734 Bytes
Loading

public/favicon.ico

-533 Bytes
Binary file not shown.

pwa-assets.config.ts

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
import {
2+
defineConfig,
3+
minimal2023Preset,
4+
} from "@vite-pwa/assets-generator/config";
5+
6+
export default defineConfig({
7+
headLinkOptions: {
8+
preset: "2023",
9+
},
10+
preset: {
11+
...minimal2023Preset,
12+
transparent: {
13+
sizes: [64, 192, 512],
14+
favicons: [[48, "favicon.ico"]],
15+
padding: 0.05,
16+
},
17+
maskable: {
18+
sizes: [512],
19+
padding: 0.3,
20+
},
21+
apple: {
22+
sizes: [180],
23+
padding: 0.05,
24+
},
25+
},
26+
});

0 commit comments

Comments
 (0)