Cutlery/immich
1
0
Fork 1
mirror of https://github.com/immich-app/immich.git synced 2026-02-14 15:32:23 -05:00
Code Issues Packages Projects Releases Wiki Activity

fix(web): add checkerboard background for transparent images (#26091)

Browse Source 
Co-authored-by: steven94kr <rlgns98kr@gmail.com>
Co-authored-by: Daniel Dietzler <36593685+danieldietzler@users.noreply.github.com>
This commit is contained in:
agent-steven 2026-02-14 02:18:44 +09:00 committed by GitHub
parent 7cb355279e
commit bc7a1c838c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -226,7 +226,7 @@
alt={$getAltText(toTimelineAsset(asset))}
class="h-full w-full {$slideshowState === SlideshowState.None
? 'object-contain'
: slideshowLookCssMapping[$slideshowLook]}"
: slideshowLookCssMapping[$slideshowLook]} checkerboard"
draggable="false"
/>
<!-- eslint-disable-next-line svelte/require-each-key -->
@ -259,4 +259,8 @@
visibility: hidden;
animation: 0s linear 0.4s forwards delayedVisibility;
}
.checkerboard {
background-image: conic-gradient(#808080 25%, #b0b0b0 25% 50%, #808080 50% 75%, #b0b0b0 75%);
background-size: 20px 20px;
}
</style>