From e21c586cc57100eee3f1828c2216bc3c209c0aa0 Mon Sep 17 00:00:00 2001
From: Michel Heusschen <59014050+michelheusschen@users.noreply.github.com>
Date: Fri, 15 Mar 2024 20:53:58 +0100
Subject: [PATCH] fix(web): logo invisible on share page (#7990)

---
 web/src/lib/components/album-page/album-viewer.svelte      | 4 ++--
 .../components/share-page/individual-shared-viewer.svelte  | 4 ++--
 .../lib/components/shared-components/immich-logo.svelte    | 7 +++++++
 web/src/routes/(user)/share/[key]/+page.svelte             | 2 +-
 4 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/web/src/lib/components/album-page/album-viewer.svelte b/web/src/lib/components/album-page/album-viewer.svelte
index 591f90fff8..08d610cebf 100644
--- a/web/src/lib/components/album-page/album-viewer.svelte
+++ b/web/src/lib/components/album-page/album-viewer.svelte
@@ -68,8 +68,8 @@
   {:else}
     <ControlAppBar showBackButton={false}>
       <svelte:fragment slot="leading">
-        <a data-sveltekit-preload-data="hover" class="ml-4 hover:cursor-pointer" href="/">
-          <ImmichLogo width="55%" />
+        <a data-sveltekit-preload-data="hover" class="ml-4" href="/">
+          <ImmichLogo class="h-10" />
         </a>
       </svelte:fragment>
 
diff --git a/web/src/lib/components/share-page/individual-shared-viewer.svelte b/web/src/lib/components/share-page/individual-shared-viewer.svelte
index 88c9213bef..89ecae5b41 100644
--- a/web/src/lib/components/share-page/individual-shared-viewer.svelte
+++ b/web/src/lib/components/share-page/individual-shared-viewer.svelte
@@ -82,8 +82,8 @@
   {:else}
     <ControlAppBar on:close={() => goto(AppRoute.PHOTOS)} backIcon={mdiArrowLeft} showBackButton={false}>
       <svelte:fragment slot="leading">
-        <a data-sveltekit-preload-data="hover" class="ml-4 hover:cursor-pointer" href="/">
-          <ImmichLogo width="50%" />
+        <a data-sveltekit-preload-data="hover" class="ml-4" href="/">
+          <ImmichLogo class="h-10" />
         </a>
       </svelte:fragment>
 
diff --git a/web/src/lib/components/shared-components/immich-logo.svelte b/web/src/lib/components/shared-components/immich-logo.svelte
index a8e832a417..ad747150a5 100644
--- a/web/src/lib/components/shared-components/immich-logo.svelte
+++ b/web/src/lib/components/shared-components/immich-logo.svelte
@@ -4,6 +4,13 @@
   import logoNoText from '$lib/assets/immich-logo.svg';
   import { Theme } from '$lib/constants';
   import { colorTheme } from '$lib/stores/preferences.store';
+  import type { HTMLImgAttributes } from 'svelte/elements';
+
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  interface $$Props extends HTMLImgAttributes {
+    noText?: boolean;
+    draggable?: boolean;
+  }
 
   export let noText = false;
   export let draggable = false;
diff --git a/web/src/routes/(user)/share/[key]/+page.svelte b/web/src/routes/(user)/share/[key]/+page.svelte
index f64575924b..1b87063da9 100644
--- a/web/src/routes/(user)/share/[key]/+page.svelte
+++ b/web/src/routes/(user)/share/[key]/+page.svelte
@@ -38,7 +38,7 @@
     <ControlAppBar showBackButton={false}>
       <svelte:fragment slot="leading">
         <a data-sveltekit-preload-data="hover" class="ml-4" href="/">
-          <ImmichLogo width="55%" />
+          <ImmichLogo class="h-10" />
         </a>
       </svelte:fragment>