c-l/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2024-12-29 15:11:58 +00:00
Code Releases Activity

fix(web): fix logo size on shared pages (#9346)

Browse source
This commit is contained in:
Snowknight26 2024-05-09 09:21:45 -05:00 committed by GitHub
parent 87053c8c0d
commit f9dc870166
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 7 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
web/src/lib/components/album-page/album-viewer.svelte
View file

@ -23,6 +23,7 @@
export let user: UserResponseDto | undefined = undefined; export let user: UserResponseDto | undefined = undefined;
const album = sharedLink.album as AlbumResponseDto; const album = sharedLink.album as AlbumResponseDto;
let innerWidth: number;
let { isViewing: showAssetViewer } = assetViewingStore; let { isViewing: showAssetViewer } = assetViewingStore;
@ -47,6 +48,7 @@
} }
}, },
}} }}
bind:innerWidth
/> />
<header> <header>
@ -65,7 +67,7 @@
<ControlAppBar showBackButton={false}> <ControlAppBar showBackButton={false}>
<svelte:fragment slot="leading"> <svelte:fragment slot="leading">
<a data-sveltekit-preload-data="hover" class="ml-4" href="/"> <a data-sveltekit-preload-data="hover" class="ml-4" href="/">
<ImmichLogo class="h-10" /> <ImmichLogo class="h-[24px] w-[24px] max-w-none md:w-auto md:h-10 md:max-w-full" noText={innerWidth < 768} />
</a> </a>
</svelte:fragment> </svelte:fragment>

5
web/src/lib/components/share-page/individual-shared-viewer.svelte
View file

@ -23,6 +23,7 @@
const viewport: Viewport = { width: 0, height: 0 }; const viewport: Viewport = { width: 0, height: 0 };
let selectedAssets: Set<AssetResponseDto> = new Set(); let selectedAssets: Set<AssetResponseDto> = new Set();
let innerWidth: number;
$: assets = sharedLink.assets; $: assets = sharedLink.assets;
$: isMultiSelectionMode = selectedAssets.size > 0; $: isMultiSelectionMode = selectedAssets.size > 0;
@ -68,6 +69,8 @@
}; };
</script> </script>
<svelte:window bind:innerWidth />
<section class="bg-immich-bg dark:bg-immich-dark-bg"> <section class="bg-immich-bg dark:bg-immich-dark-bg">
{#if isMultiSelectionMode} {#if isMultiSelectionMode}
<AssetSelectControlBar assets={selectedAssets} clearSelect={() => (selectedAssets = new Set())}> <AssetSelectControlBar assets={selectedAssets} clearSelect={() => (selectedAssets = new Set())}>
@ -83,7 +86,7 @@
<ControlAppBar on:close={() => goto(AppRoute.PHOTOS)} backIcon={mdiArrowLeft} showBackButton={false}> <ControlAppBar on:close={() => goto(AppRoute.PHOTOS)} backIcon={mdiArrowLeft} showBackButton={false}>
<svelte:fragment slot="leading"> <svelte:fragment slot="leading">
<a data-sveltekit-preload-data="hover" class="ml-4" href="/"> <a data-sveltekit-preload-data="hover" class="ml-4" href="/">
<ImmichLogo class="h-10" /> <ImmichLogo class="h-[24px] w-[24px] max-w-none md:w-auto md:h-10 md:max-w-full" noText={innerWidth < 768} />
</a> </a>
</svelte:fragment> </svelte:fragment>