Infrastructure/immich
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-04-15 03:11:28 -05:00
Code Issues 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}
</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>
<style>
@ -22,6 +22,11 @@
background-repeat: repeat;
background-size: 235px, 235px;
}
@media (max-width: 767px) {
[data-skeleton] {
background-size: 100px, 100px;
}
}
:global(.dark) [data-skeleton] {
background-image: url('/dark_skeleton.png');
}