immich/web/src/lib/components/assets/thumbnail/image-thumbnail.svelte
Michel Heusschen 4e526dfaae
feat(web): improve and refactor thumbnails (#2087)
* feat(web): improve and refactor thumbnails

* only play live photos on icon hover
2023-03-26 22:53:35 -05:00

19 lines
399 B
Svelte

<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)}
/>