mirrors/VueTorrent
1
0
Fork 0
mirror of https://github.com/VueTorrent/VueTorrent.git synced 2025-03-14 12:10:18 +03:00
Code Issues Projects Releases Packages Wiki Activity

fix: favicons (#898)

Browse source
This commit is contained in:
Rémi Marseault 2023-06-26 09:06:28 +02:00 • committed by GitHub
parent 9c187690c3
commit 942b1a9f65
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
17 changed files with 11 additions and 106 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
index.html
View file

@ -8,9 +8,9 @@
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="mobile-web-app-capable" content="yes" />
<link rel="icon" href="/favicon.ico" type="image/png" sizes="16x16" />
<link rel="apple-touch-icon" href="/icons/apple-touch-icon.png" sizes="180x180" />
<link rel="mask-icon" href="/favicon.ico" color="#000" />
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" href="/icon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<meta name="theme-color" content="#000" />
<title>qBittorrent</title>
</head>

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

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1,001 B

BIN
public/favicon.ico
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 5.3 KiB

BIN
public/icon-192.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1 KiB

BIN
public/icon-512.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.7 KiB

1
public/icon.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512"><rect width="100%" height="100%" fill="#fff" rx="50"/><path d="M70 85v345h80V85Z" style="fill:#3fb27f"/><path d="M150 430 430 85h-80L150 325Zm216-185h76l-64 80h-76Z" style="fill:#33475b"/><path d="M274 360h160l-60 70H214Z" style="fill:#3fb27f"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 316 B

BIN
public/icons/android-chrome-192x192.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 6.8 KiB

BIN
public/icons/android-chrome-512x512.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 10 KiB

BIN
public/icons/android-chrome-maskable-192x192.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 4.6 KiB

BIN
public/icons/android-chrome-maskable-512x512.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 5.4 KiB

BIN
public/icons/apple-touch-icon.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 4.7 KiB

BIN
public/icons/favicon-16x16.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 766 B

BIN
public/icons/favicon-32x32.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 1.1 KiB

BIN
public/icons/msapplication-icon-144x144.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 6.7 KiB

28
public/icons/safari-pinned-tab.svg
View file

@ -1,28 +0,0 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
width="512.000000pt" height="512.000000pt" viewBox="0 0 512.000000 512.000000"
preserveAspectRatio="xMidYMid meet">
<metadata>
Created by potrace 1.11, written by Peter Selinger 2001-2013
</metadata>
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="#000000" stroke="none">
<path d="M435 4702 c-20 -3 -20 -10 -19 -2136 0 -1173 3 -2137 6 -2142 6 -9
1063 -13 1071 -4 2 3 159 212 348 465 189 253 349 467 356 475 7 8 489 652
1073 1430 583 778 1066 1422 1073 1430 7 8 23 31 37 50 13 19 29 40 35 46 37
43 279 376 275 381 -3 3 -242 6 -531 7 l-526 1 -79 -105 c-43 -57 -84 -111
-91 -120 -7 -8 -43 -56 -80 -106 -37 -50 -78 -104 -90 -120 -12 -16 -135 -180
-273 -364 -137 -184 -256 -342 -263 -350 -6 -8 -50 -67 -97 -130 -47 -63 -89
-119 -93 -125 -5 -5 -69 -91 -143 -190 -74 -99 -143 -191 -154 -205 -10 -14
-117 -156 -237 -316 -120 -160 -228 -304 -240 -320 -12 -16 -85 -114 -162
-217 l-141 -188 -2 1427 -3 1427 -515 1 c-283 1 -524 0 -535 -2z"/>
<path d="M3745 2691 c-13 -2 -104 -116 -250 -313 -126 -171 -234 -315 -240
-322 -19 -22 -215 -286 -218 -293 -1 -5 215 -8 481 -8 l483 0 262 350 c144
192 267 356 274 365 75 96 161 216 157 220 -6 5 -918 7 -949 1z"/>
<path d="M2725 1345 c-7 -5 -93 -118 -191 -250 -99 -132 -184 -246 -191 -255
-61 -76 -311 -416 -308 -419 6 -5 1965 -5 1970 0 24 25 693 924 689 928 -10
10 -1957 6 -1969 -4z"/>
</g>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 1.5 KiB

28
public/img/icons/favicon.svg
View file

@ -1,28 +0,0 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
width="512.000000pt" height="512.000000pt" viewBox="0 0 512.000000 512.000000"
preserveAspectRatio="xMidYMid meet">
<metadata>
Created by potrace 1.11, written by Peter Selinger 2001-2013
</metadata>
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="#000000" stroke="none">
<path d="M435 4702 c-20 -3 -20 -10 -19 -2136 0 -1173 3 -2137 6 -2142 6 -9
1063 -13 1071 -4 2 3 159 212 348 465 189 253 349 467 356 475 7 8 489 652
1073 1430 583 778 1066 1422 1073 1430 7 8 23 31 37 50 13 19 29 40 35 46 37
43 279 376 275 381 -3 3 -242 6 -531 7 l-526 1 -79 -105 c-43 -57 -84 -111
-91 -120 -7 -8 -43 -56 -80 -106 -37 -50 -78 -104 -90 -120 -12 -16 -135 -180
-273 -364 -137 -184 -256 -342 -263 -350 -6 -8 -50 -67 -97 -130 -47 -63 -89
-119 -93 -125 -5 -5 -69 -91 -143 -190 -74 -99 -143 -191 -154 -205 -10 -14
-117 -156 -237 -316 -120 -160 -228 -304 -240 -320 -12 -16 -85 -114 -162
-217 l-141 -188 -2 1427 -3 1427 -515 1 c-283 1 -524 0 -535 -2z"/>
<path d="M3745 2691 c-13 -2 -104 -116 -250 -313 -126 -171 -234 -315 -240
-322 -19 -22 -215 -286 -218 -293 -1 -5 215 -8 481 -8 l483 0 262 350 c144
192 267 356 274 365 75 96 161 216 157 220 -6 5 -918 7 -949 1z"/>
<path d="M2725 1345 c-7 -5 -93 -118 -191 -250 -99 -132 -184 -246 -191 -255
-61 -76 -311 -416 -308 -419 6 -5 1965 -5 1970 0 24 25 693 924 689 928 -10
10 -1957 6 -1969 -4z"/>
</g>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 1.5 KiB

54
vite.config.js
View file

@ -8,7 +8,7 @@ import { fileURLToPath, URL } from 'node:url'
const version = process.env.NODE_ENV === 'production' ? process.env.npm_package_version : JSON.stringify(process.env.npm_package_version)
export default defineConfig(({ command, mode }) => {
export default defineConfig(({ mode }) => {
const theEnv = loadEnv(mode, process.cwd())
const qBittorrentPort = theEnv.VITE_QBITTORRENT_PORT ?? 8080
const proxyTarget = theEnv.VITE_QBITTORRENT_TARGET ?? 'http://127.0.0.1'
@ -46,14 +46,10 @@ export default defineConfig(({ command, mode }) => {
VitePWA({
includeAssets: [
'favicon.ico',
'robots.txt',
'./icons/android-chrome-192x192.png',
'./icons/android-chrome-512x512.png',
'./icons/android-chrome-maskable-192x192.png',
'./icons/android-chrome-maskable-512x512.png',
'./icons/apple-touch-icon.png',
'./icons/safari-pinned-tab.svg',
'./icons/msapplication-icon-144x144.png'
'icon.svg',
'icon-192.png',
'icon-512.png',
'robots.txt'
],
manifest: {
name: 'VueTorrent',
@ -62,44 +58,8 @@ export default defineConfig(({ command, mode }) => {
start_url: '.',
background_color: '#000',
icons: [
{
src: './icons/android-chrome-192x192.png',
sizes: '192x192',
type: 'image/png'
},
{
src: './icons/android-chrome-512x512.png',
sizes: '512x512',
type: 'image/png'
},
{
src: './icons/android-chrome-maskable-192x192.png',
sizes: '192x192',
type: 'image/png',
purpose: 'maskable'
},
{
src: './icons/android-chrome-maskable-512x512.png',
sizes: '512x512',
type: 'image/png',
purpose: 'maskable'
},
{
src: './icons/apple-touch-icon.png',
sizes: '180x180',
type: 'image/png'
},
{
src: './icons/safari-pinned-tab.svg',
sizes: '683x683',
type: 'image/svg+xml'
},
{
src: './icons/msapplication-icon-144x144.png',
sizes: '144x144',
type: 'image/png'
}
{ "src": "./icon-192.png", "type": "image/png", "sizes": "192x192" },
{ "src": "./icon-512.png", "type": "image/png", "sizes": "512x512" }
]
},
// Other options