Use custom favicon

This commit is contained in:
Ken Hibino 2021-01-07 19:52:16 -08:00
parent 5a25ba1b21
commit fabf9ce10d
10 changed files with 29 additions and 19 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.0 KiB

BIN
ui/public/favicon-16x16.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 528 B

BIN
ui/public/favicon-32x32.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 956 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 15 KiB

View File

@ -2,11 +2,27 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" /> <link rel="icon" type="image/png" href="%PUBLIC_URL%/favicon.ico" />
<link
rel="icon"
type="image/png"
sizes="32x32"
href="%PUBLIC_URL%/favicon-32x32.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="%PUBLIC_URL%/favicon-16x16.png"
/>
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" /> <meta name="theme-color" content="#000000" />
<meta name="description" content="Asynq monitoring web console" /> <meta name="description" content="Asynq monitoring web console" />
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" /> <link
rel="apple-touch-icon"
sizes="180x180"
href="%PUBLIC_URL%/apple-touch-icon.png"
/>
<!-- <!--
manifest.json provides metadata used when your web app is installed on a manifest.json provides metadata used when your web app is installed on a
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/ user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.4 KiB

View File

@ -1,25 +1,19 @@
{ {
"short_name": "React App", "name": "Asynq Monitoring",
"name": "Create React App Sample", "short_name": "Asynqmon",
"icons": [ "icons": [
{ {
"src": "favicon.ico", "src": "/android-chrome-192x192.png",
"sizes": "64x64 32x32 24x24 16x16", "sizes": "192x192",
"type": "image/x-icon" "type": "image/png"
}, },
{ {
"src": "logo192.png", "src": "/android-chrome-512x512.png",
"type": "image/png", "sizes": "512x512",
"sizes": "192x192" "type": "image/png"
},
{
"src": "logo512.png",
"type": "image/png",
"sizes": "512x512"
} }
], ],
"start_url": ".", "theme_color": "#ffffff",
"display": "standalone", "background_color": "#ffffff",
"theme_color": "#000000", "display": "standalone"
"background_color": "#ffffff"
} }