self-hosted/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-07-06 06:07:29 +02:00
Code Issues Releases Activity

feat(web): improve and refactor thumbnails (#2087)

Browse Source 
* feat(web): improve and refactor thumbnails

* only play live photos on icon hover
This commit is contained in:
Michel Heusschen
2023-03-27 05:53:35 +02:00
committed by GitHub
parent cae37657e9
commit 4e526dfaae
11 changed files with 321 additions and 330 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
web/src/lib/components/shared-components/gallery-viewer/gallery-viewer.svelte
View File

@ -1,10 +1,10 @@
<script lang="ts">
import { page } from '$app/stores';
import Thumbnail from '$lib/components/assets/thumbnail/thumbnail.svelte';
import { handleError } from '$lib/utils/handle-error';
import { AssetResponseDto, SharedLinkResponseDto, ThumbnailFormat } from '@api';
import AssetViewer from '../../asset-viewer/asset-viewer.svelte';
import ImmichThumbnail from '../../shared-components/immich-thumbnail.svelte';
export let assets: AssetResponseDto[];
export let sharedLink: SharedLinkResponseDto | undefined = undefined;
@ -93,7 +93,7 @@
{#if assets.length > 0}
<div class="flex flex-wrap gap-1 w-full pb-20" bind:clientWidth={viewWidth}>
{#each assets as asset (asset.id)}
<ImmichThumbnail
<Thumbnail
{asset}
{thumbnailSize}
publicSharedKey={sharedLink?.key}