diff --git a/web/src/lib/components/assets/thumbnail/image-thumbnail.svelte b/web/src/lib/components/assets/thumbnail/image-thumbnail.svelte index 96b37637f..390b9d472 100644 --- a/web/src/lib/components/assets/thumbnail/image-thumbnail.svelte +++ b/web/src/lib/components/assets/thumbnail/image-thumbnail.svelte @@ -30,7 +30,7 @@ class="object-cover transition duration-300 {border ? 'border-[3px] border-immich-dark-primary/80 hover:border-immich-primary' : ''}" - class:rounded-lg={curve} + class:rounded-xl={curve} class:shadow-lg={shadow} class:rounded-full={circle} class:opacity-0={!thumbhash && !complete} @@ -52,7 +52,7 @@ src={thumbHashToDataURL(Buffer.from(thumbhash, 'base64'))} alt={altText} class="absolute top-0 object-cover" - class:rounded-lg={curve} + class:rounded-xl={curve} class:shadow-lg={shadow} class:rounded-full={circle} draggable="false" diff --git a/web/src/lib/components/assets/thumbnail/thumbnail.svelte b/web/src/lib/components/assets/thumbnail/thumbnail.svelte index 5e3723726..daa445c16 100644 --- a/web/src/lib/components/assets/thumbnail/thumbnail.svelte +++ b/web/src/lib/components/assets/thumbnail/thumbnail.svelte @@ -96,7 +96,9 @@ {#if disabled} {:else if selected} - +
+ +
{:else} {/if} @@ -107,10 +109,12 @@
@@ -141,6 +145,7 @@ widthStyle="{width}px" heightStyle="{height}px" thumbhash={asset.thumbhash} + curve={selected} /> {:else}
@@ -153,6 +158,7 @@
@@ -165,6 +171,7 @@ pauseIcon={MotionPauseOutline} playIcon={MotionPlayOutline} showTime={false} + curve={selected} playbackOnIconHover />
diff --git a/web/src/lib/components/assets/thumbnail/video-thumbnail.svelte b/web/src/lib/components/assets/thumbnail/video-thumbnail.svelte index cdd89b75c..31bbc82ae 100644 --- a/web/src/lib/components/assets/thumbnail/video-thumbnail.svelte +++ b/web/src/lib/components/assets/thumbnail/video-thumbnail.svelte @@ -10,6 +10,7 @@ export let enablePlayback = false; export let playbackOnIconHover = false; export let showTime = true; + export let curve = false; export let playIcon = PlayCircleOutline; export let pauseIcon = PauseCircleOutline; @@ -68,6 +69,7 @@