Cutlery/immich
1
0
Fork 1
mirror of https://github.com/immich-app/immich.git synced 2025-05-31 20:25:32 -04:00
Code Issues Packages Projects Releases Wiki Activity

feat: responsive: skeleton (#17553)

Browse Source 
feature: responsive: skeleton
This commit is contained in:
Min Idzelis 2025-04-11 18:04:48 -04:00 committed by GitHub
parent c62fc155c8
commit 5bcb58c3e7
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
web/src/lib/components/photos-page/skeleton.svelte
View File

@ -13,7 +13,7 @@
> >
{title} {title}
</div> </div>
<div class="animate-pulse absolute w-full h-full" data-skeleton="true"></div> <div class="animate-pulse absolute h-full ml-[10px]" style:width="calc(100% - 10px)" data-skeleton="true"></div>
</div> </div>
<style> <style>
@ -22,6 +22,11 @@
background-repeat: repeat; background-repeat: repeat;
background-size: 235px, 235px; background-size: 235px, 235px;
} }
@media (max-width: 767px) {
[data-skeleton] {
background-size: 100px, 100px;
}
}
:global(.dark) [data-skeleton] { :global(.dark) [data-skeleton] {
background-image: url('/dark_skeleton.png'); background-image: url('/dark_skeleton.png');
} }