public/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-11-22 22:20:43 +09:00
Code Issues Actions 7 Packages Projects Releases Wiki Activity

feat(web): add an option to fill the screen with the slideshow view (#8909)

Browse Source 
* feat: add an option to fill the screen with the slideshow view

* fix: rename var
This commit is contained in:
martin
2024-04-19 12:49:29 +02:00
committed by GitHub
parent 4478e524f8
commit eaf9e5e477
3 changed files with 46 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
web/src/lib/components/asset-viewer/photo-viewer.svelte
View File

@@ -14,6 +14,9 @@
import LoadingSpinner from '../shared-components/loading-spinner.svelte';
import { NotificationType, notificationController } from '../shared-components/notification/notification';
import { getAltText } from '$lib/utils/thumbnail-util';
import { slideshowLookCssMapping, SlideshowState, slideshowStore } from '$lib/stores/slideshow.store';
const { slideshowState, slideshowLook } = slideshowStore;
export let asset: AssetResponseDto;
export let preloadAssets: AssetResponseDto[] | null = null;
@@ -158,7 +161,9 @@
transition:fade={{ duration: haveFadeTransition ? 150 : 0 }}
src={assetData}
alt={getAltText(asset)}
class="h-full w-full object-contain"
class="h-full w-full {$slideshowState === SlideshowState.None
? 'object-contain'
: slideshowLookCssMapping[$slideshowLook]}"
draggable="false"
/>
{#each getBoundingBox($boundingBoxesArray, $photoZoomState, $photoViewer) as boundingbox}