diff --git a/.devcontainer/devcontainer.json b/.devcontainer/devcontainer.json index 9563be6125..79126fd658 100644 --- a/.devcontainer/devcontainer.json +++ b/.devcontainer/devcontainer.json @@ -5,8 +5,7 @@ "immich-server", "redis", "database", - "immich-machine-learning", - "init" + "immich-machine-learning" ], "dockerComposeFile": [ "../docker/docker-compose.dev.yml", diff --git a/web/src/lib/components/asset-viewer/photo-viewer.svelte b/web/src/lib/components/asset-viewer/photo-viewer.svelte index f34e684ec2..c1bc039c38 100644 --- a/web/src/lib/components/asset-viewer/photo-viewer.svelte +++ b/web/src/lib/components/asset-viewer/photo-viewer.svelte @@ -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"