From 5bcb58c3e769f0f3c76eb553cc3acdbf2173446d Mon Sep 17 00:00:00 2001
From: Min Idzelis <min123@gmail.com>
Date: Fri, 11 Apr 2025 18:04:48 -0400
Subject: [PATCH] feat: responsive: skeleton (#17553)

feature: responsive: skeleton
---
 web/src/lib/components/photos-page/skeleton.svelte | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/web/src/lib/components/photos-page/skeleton.svelte b/web/src/lib/components/photos-page/skeleton.svelte
index 9d1ba69aec..2538ee49d4 100644
--- a/web/src/lib/components/photos-page/skeleton.svelte
+++ b/web/src/lib/components/photos-page/skeleton.svelte
@@ -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');
   }