|
|
|
|
@ -240,7 +240,7 @@
|
|
|
|
|
use:zoomImageAction
|
|
|
|
|
use:swipe={() => ({})}
|
|
|
|
|
onswipe={onSwipe}
|
|
|
|
|
class="h-full w-full"
|
|
|
|
|
class="h-full w-full flex"
|
|
|
|
|
transition:fade={{ duration: haveFadeTransition ? assetViewerFadeDuration : 0 }}
|
|
|
|
|
>
|
|
|
|
|
{#if $slideshowState !== SlideshowState.None && $slideshowLook === SlideshowLook.BlurredBackground}
|
|
|
|
|
@ -255,7 +255,7 @@
|
|
|
|
|
bind:this={$photoViewerImgElement}
|
|
|
|
|
src={assetFileUrl}
|
|
|
|
|
alt={$getAltText(toTimelineAsset(asset))}
|
|
|
|
|
class="h-full w-full {$slideshowState === SlideshowState.None
|
|
|
|
|
class="max-h-full max-w-full h-auto w-auto mx-auto my-auto {$slideshowState === SlideshowState.None
|
|
|
|
|
? 'object-contain'
|
|
|
|
|
: slideshowLookCssMapping[$slideshowLook]}"
|
|
|
|
|
draggable="false"
|
|
|
|
|
|