github-mirrors/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2026-03-22 11:09:21 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix(web): keep header fixed on individual shared links (#26892)

Browse Source
This commit is contained in:
Michel Heusschen
2026-03-13 15:40:04 +01:00
committed by GitHub
parent 226b9390db
commit c2a279e49e
1 changed files with 13 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
web/src/lib/components/share-page/individual-shared-viewer.svelte
View File

@@ -74,8 +74,12 @@
}; };
</script> </script>
<section> {#if sharedLink?.allowUpload || assets.length > 1}
{#if sharedLink?.allowUpload || assets.length > 1} <main class="mt-24 mb-40 mx-4 isolate" bind:clientHeight={viewport.height} bind:clientWidth={viewport.width}>
<GalleryViewer {assets} {assetInteraction} {viewport} allowDeletion={false} />
</main>
<header class="fixed top-0 inset-s-0 w-full">
{#if assetInteraction.selectionActive} {#if assetInteraction.selectionActive}
<AssetSelectControlBar <AssetSelectControlBar
assets={assetInteraction.selectedAssets} assets={assetInteraction.selectedAssets}
@@ -129,14 +133,11 @@
{/snippet} {/snippet}
</ControlAppBar> </ControlAppBar>
{/if} {/if}
<section class="my-40 mx-4" bind:clientHeight={viewport.height} bind:clientWidth={viewport.width}> </header>
<GalleryViewer {assets} {assetInteraction} {viewport} allowDeletion={false} /> {:else if assets.length === 1}
</section> {#await getAssetInfo({ ...authManager.params, id: assets[0].id }) then asset}
{:else if assets.length === 1} {#await import('$lib/components/asset-viewer/asset-viewer.svelte') then { default: AssetViewer }}
{#await getAssetInfo({ ...authManager.params, id: assets[0].id }) then asset} <AssetViewer cursor={{ current: asset }} onAction={handleAction} />
{#await import('$lib/components/asset-viewer/asset-viewer.svelte') then { default: AssetViewer }}
<AssetViewer cursor={{ current: asset }} onAction={handleAction} />
{/await}
{/await} {/await}
{/if} {/await}
</section> {/if}