tbelway/immich-quadlet
1
0
Fork 0
forked from Cutlery/immich
Code Pull Requests Activity

fix(web): use correct favicon sizes (#2446)

Browse Source 
* fix(web): use correct favicon sizes

Signed-off-by: martin <martin.labat92@gmail.com>

* fix: format

Signed-off-by: martin <martin.labat92@gmail.com>

---------

Signed-off-by: martin <martin.labat92@gmail.com>
This commit is contained in:
martin 2023-05-17 16:20:32 +02:00 committed by GitHub
parent ab86d0a18d
commit 308c63df16
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
8 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
web/src/lib/assets/apple/apple-icon-180.png → web/src/lib/assets/favicon/apple-icon-180.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 16 KiB

BIN
web/src/lib/assets/favicon/favicon-16.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 826 B

BIN
web/src/lib/assets/favicon/favicon-32.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

BIN
web/src/lib/assets/favicon/favicon-96.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.6 KiB

0
web/src/lib/assets/favicon.png → web/src/lib/assets/favicon/favicon.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 46 KiB

After

Width:  |  Height:  |  Size: 46 KiB

2
web/src/lib/components/shared-components/apple-header.svelte
View File

@ -1,5 +1,4 @@
<script lang="ts"> <script lang="ts">
import appleIcon180 from '$lib/assets/apple/apple-icon-180.png';
import appleSplash20482732 from '$lib/assets/apple/apple-splash-2048-2732.png'; import appleSplash20482732 from '$lib/assets/apple/apple-splash-2048-2732.png';
import appleSplash27322048 from '$lib/assets/apple/apple-splash-2732-2048.png'; import appleSplash27322048 from '$lib/assets/apple/apple-splash-2732-2048.png';
import appleSplash16682388 from '$lib/assets/apple/apple-splash-1668-2388.png'; import appleSplash16682388 from '$lib/assets/apple/apple-splash-1668-2388.png';
@ -32,7 +31,6 @@
import appleSplash1136640 from '$lib/assets/apple/apple-splash-1136-640.png'; import appleSplash1136640 from '$lib/assets/apple/apple-splash-1136-640.png';
</script> </script>
<link rel="apple-touch-icon" href={appleIcon180} />
<link <link
rel="apple-touch-startup-image" rel="apple-touch-startup-image"
href={appleSplash20482732} href={appleSplash20482732}

11
web/src/lib/components/shared-components/favicon-header.svelte Normal file
View File

@ -0,0 +1,11 @@
<script lang="ts">
import IconAppleTouch180 from '$lib/assets/favicon/apple-icon-180.png';
import Icon16 from '$lib/assets/favicon/favicon-16.png';
import Icon32 from '$lib/assets/favicon/favicon-32.png';
import Icon96 from '$lib/assets/favicon/favicon-96.png';
</script>
<link rel="icon" type="image/png" sizes="16x16" href={Icon16} />
<link rel="icon" type="image/png" sizes="32x32" href={Icon32} />
<link rel="icon" type="image/png" sizes="96x96" href={Icon96} />
<link rel="apple-touch-icon" sizes="180x180" href={IconAppleTouch180} />

4
web/src/routes/+layout.svelte
View File

@ -8,12 +8,12 @@
import UploadPanel from '$lib/components/shared-components/upload-panel.svelte'; import UploadPanel from '$lib/components/shared-components/upload-panel.svelte';
import NotificationList from '$lib/components/shared-components/notification/notification-list.svelte'; import NotificationList from '$lib/components/shared-components/notification/notification-list.svelte';
import VersionAnnouncementBox from '$lib/components/shared-components/version-announcement-box.svelte'; import VersionAnnouncementBox from '$lib/components/shared-components/version-announcement-box.svelte';
import faviconUrl from '$lib/assets/favicon.png';
import type { LayoutData } from './$types'; import type { LayoutData } from './$types';
import { fileUploadHandler } from '$lib/utils/file-uploader'; import { fileUploadHandler } from '$lib/utils/file-uploader';
import UploadCover from '$lib/components/shared-components/drag-and-drop-upload-overlay.svelte'; import UploadCover from '$lib/components/shared-components/drag-and-drop-upload-overlay.svelte';
import FullscreenContainer from '$lib/components/shared-components/fullscreen-container.svelte'; import FullscreenContainer from '$lib/components/shared-components/fullscreen-container.svelte';
import AppleHeader from '$lib/components/shared-components/apple-header.svelte'; import AppleHeader from '$lib/components/shared-components/apple-header.svelte';
import FaviconHeader from '$lib/components/shared-components/favicon-header.svelte';
let showNavigationLoadingBar = false; let showNavigationLoadingBar = false;
export let data: LayoutData; export let data: LayoutData;
@ -42,9 +42,9 @@
<svelte:head> <svelte:head>
<title>{$page.data.meta?.title || 'Web'} - Immich</title> <title>{$page.data.meta?.title || 'Web'} - Immich</title>
<link rel="icon" href={faviconUrl} />
<link rel="manifest" href="/manifest.json" /> <link rel="manifest" href="/manifest.json" />
<meta name="theme-color" content="currentColor" /> <meta name="theme-color" content="currentColor" />
<FaviconHeader />
<AppleHeader /> <AppleHeader />
{#if $page.data.meta} {#if $page.data.meta}