From a6ec0e52ecb33915cc4c4b22df1d2512ab9b0111 Mon Sep 17 00:00:00 2001
From: Copilot <198982749+Copilot@users.noreply.github.com>
Date: Fri, 7 Nov 2025 19:44:50 +0100
Subject: PWA: use standalone display mode and disable scroll on modal sheets
 (#82)

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: arielcostas <94913521+arielcostas@users.noreply.github.com>
---
 src/frontend/app/components/StopItemSkeleton.tsx | 51 ++++++++++++------------
 1 file changed, 25 insertions(+), 26 deletions(-)

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

diff --git a/src/frontend/app/components/StopItemSkeleton.tsx b/src/frontend/app/components/StopItemSkeleton.tsx
index 2791bdc..68172fd 100644
--- a/src/frontend/app/components/StopItemSkeleton.tsx
+++ b/src/frontend/app/components/StopItemSkeleton.tsx
@@ -11,32 +11,31 @@ const StopItemSkeleton: React.FC<StopItemSkeletonProps> = ({
   showId = false,
   stopId,
 }) => {
-    return (
-        <SkeletonTheme baseColor="var(--skeleton-base)" highlightColor="var(--skeleton-highlight)">
-            <li className="list-item">
-                <div className="list-item-link">
-                    <span>
-                        {showId && stopId && (
-                            <>({stopId}) </>
-                        )}
-                    </span>
-                    <Skeleton
-                        width={showId ? "60%" : "80%"}
-                        style={{ display: "inline-block" }}
-                    />
-                    <div className="line-icons" style={{ marginTop: "4px" }}>
-                        <Skeleton
-                            count={3}
-                            width="30px"
-                            height="20px"
-                            inline={true}
-                            style={{ marginRight: "0.5rem" }}
-                        />
-                    </div>
-                </div>
-            </li>
-        </SkeletonTheme>
-    );
+  return (
+    <SkeletonTheme
+      baseColor="var(--skeleton-base)"
+      highlightColor="var(--skeleton-highlight)"
+    >
+      <li className="list-item">
+        <div className="list-item-link">
+          <span>{showId && stopId && <>({stopId}) </>}</span>
+          <Skeleton
+            width={showId ? "60%" : "80%"}
+            style={{ display: "inline-block" }}
+          />
+          <div className="line-icons" style={{ marginTop: "4px" }}>
+            <Skeleton
+              count={3}
+              width="30px"
+              height="20px"
+              inline={true}
+              style={{ marginRight: "0.5rem" }}
+            />
+          </div>
+        </div>
+      </li>
+    </SkeletonTheme>
+  );
 };
 
 export default StopItemSkeleton;
-- 
cgit v1.3