Improve gallery scroll indicators and format code

Co-authored-by: arielcostas <94913521+arielcostas@users.noreply.github.com>

1 files changed, 24 insertions, 6 deletions

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>