From ee77f38cdb324cbcf12518490df77fc9e6b89282 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Thu, 6 Nov 2025 22:52:02 +0000
Subject: Improve gallery scroll indicators and format code

Co-authored-by: arielcostas <94913521+arielcostas@users.noreply.github.com>
---
 src/frontend/app/components/StopSheetSkeleton.tsx | 30 ++++++++++++++++++-----
 1 file changed, 24 insertions(+), 6 deletions(-)

(limited to 'src/frontend/app/components/StopSheetSkeleton.tsx')

diff --git a/src/frontend/app/components/StopSheetSkeleton.tsx b/src/frontend/app/components/StopSheetSkeleton.tsx
index 6870af2..36ce546 100644
--- a/src/frontend/app/components/StopSheetSkeleton.tsx
+++ b/src/frontend/app/components/StopSheetSkeleton.tsx
@@ -8,7 +8,7 @@ interface StopSheetSkeletonProps {
 }
 
 export const StopSheetSkeleton: React.FC<StopSheetSkeletonProps> = ({
-  rows = 4
+  rows = 4,
 }) => {
   const { t } = useTranslation();
 
@@ -23,7 +23,11 @@ export const StopSheetSkeleton: React.FC<StopSheetSkeletonProps> = ({
           {Array.from({ length: rows }, (_, index) => (
             <div key={`skeleton-${index}`} className="stop-sheet-estimate-item">
               <div className="stop-sheet-estimate-line">
-                <Skeleton width="40px" height="24px" style={{ borderRadius: "4px" }} />
+                <Skeleton
+                  width="40px"
+                  height="24px"
+                  style={{ borderRadius: "4px" }}
+                />
               </div>
 
               <div className="stop-sheet-estimate-details">
@@ -45,18 +49,32 @@ export const StopSheetSkeleton: React.FC<StopSheetSkeletonProps> = ({
         </div>
 
         <div className="stop-sheet-actions">
-          <div className="stop-sheet-reload" style={{
-            opacity: 0.6,
-            pointerEvents: "none"
-          }}>
+          <div
+            className="stop-sheet-reload"
+            style={{
+              opacity: 0.6,
+              pointerEvents: "none",
+            }}
+          >
             <Skeleton width="70px" height="0.85rem" />
           </div>
 
+<<<<<<< HEAD
           <div className="stop-sheet-view-all" style={{
             background: "var(--service-background)",
             cursor: "not-allowed",
             pointerEvents: "none"
           }}>
+=======
+          <div
+            className="stop-sheet-view-all"
+            style={{
+              background: "#f0f0f0",
+              cursor: "not-allowed",
+              pointerEvents: "none",
+            }}
+          >
+>>>>>>> 88e0621 (Improve gallery scroll indicators and format code)
             <Skeleton width="180px" height="0.85rem" />
           </div>
         </div>
-- 
cgit v1.3

