feat: set icons

This commit is contained in:
Ayo Ayco 2025-02-15 20:21:09 +01:00
parent 81e73b7f5e
commit 4c6265d9cf
7 changed files with 26 additions and 3 deletions

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 11 KiB

BIN
public/apple-touch-icon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

13
public/manifest.json Normal file
View file

@ -0,0 +1,13 @@
{
"name": "Cozy",
"short_name": "Cozy",
"icons": [
{
"src": "touch-icon-large.png",
"sizes": "500x500"
}
],
"background_color": "#ffffff",
"theme_color": "#3054bf",
"display": "fullscreen"
}

1
public/mask-icon.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 11 KiB

BIN
public/touch-icon-large.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

View file

@ -26,7 +26,10 @@ description =
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<link rel="shortcut icon" type="image/svg+xml" href="/favicon.svg" />
<!-- Icons -->
<link rel="icon" href="favicon.svg" />
<link rel="mask-icon" href="mask-icon.svg" color="#000000" />
<link rel="apple-touch-icon" href="apple-touch-icon.png" />
<meta name="generator" content={Astro.generator} />
<!-- Font preloads -->

View file

@ -58,7 +58,11 @@ const appTitle = article?.title ? `${article.title} | Cozy` : 'Cozy'
</>
)
}
<link rel="shortcut icon" type="image/svg+xml" href="/favicon.svg" />
<!-- Icons -->
<link rel="icon" href="favicon.svg" />
<link rel="mask-icon" href="mask-icon.svg" color="#000000" />
<link rel="apple-touch-icon" href="apple-touch-icon.png" />
</head>
<body>
<div id="app-wrapper">
@ -103,7 +107,8 @@ const appTitle = article?.title ? `${article.title} | Cozy` : 'Cozy'
</style>
<style is:global>
:root {
--system-ui: system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif,
--system-ui:
system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif,
'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}