Backupppert/immich
1
1
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-07-21 22:44:23 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(web): improve and refactor thumbnails ()

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
commit 4e526dfaae
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
11 changed files with 321 additions and 330 deletions
web/src/lib/components/assets/thumbnail
image-thumbnail.svelte

19
web/src/lib/components/assets/thumbnail/image-thumbnail.svelte Normal file
View file

@ -0,0 +1,19 @@
<script lang="ts">
export let url: string;
export let altText: string;
export let heightStyle: string;
export let widthStyle: string;
let loading = true;
</script>
<img
style:width={widthStyle}
style:height={heightStyle}
src={url}
alt={altText}
class="object-cover transition-opacity duration-300"
class:opacity-0={loading}
draggable="false"
on:load|once={() => (loading = false)}
/>