aboutsummaryrefslogtreecommitdiff
path: root/src/frontend/app/components/StopSheetSkeleton.tsx
diff options
context:
space:
mode:
authorCopilot <198982749+Copilot@users.noreply.github.com>2025-11-07 19:44:50 +0100
committerGitHub <noreply@github.com>2025-11-07 19:44:50 +0100
commita6ec0e52ecb33915cc4c4b22df1d2512ab9b0111 (patch)
tree68dfd09c9067bb95dc4f7f5c20004dda20bef9ed /src/frontend/app/components/StopSheetSkeleton.tsx
parent6941f4fb37ffa57c2e4631ff6641976d21151e54 (diff)
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>
Diffstat (limited to 'src/frontend/app/components/StopSheetSkeleton.tsx')
-rw-r--r--src/frontend/app/components/StopSheetSkeleton.tsx18
1 files changed, 12 insertions, 6 deletions
diff --git a/src/frontend/app/components/StopSheetSkeleton.tsx b/src/frontend/app/components/StopSheetSkeleton.tsx
index 0ae83b8..3874038 100644
--- a/src/frontend/app/components/StopSheetSkeleton.tsx
+++ b/src/frontend/app/components/StopSheetSkeleton.tsx
@@ -13,7 +13,10 @@ export const StopSheetSkeleton: React.FC<StopSheetSkeletonProps> = ({
const { t } = useTranslation();
return (
- <SkeletonTheme baseColor="var(--skeleton-base)" highlightColor="var(--skeleton-highlight)">
+ <SkeletonTheme
+ baseColor="var(--skeleton-base)"
+ highlightColor="var(--skeleton-highlight)"
+ >
<div className="stop-sheet-estimates">
<h3 className="stop-sheet-subtitle">
{t("estimates.next_arrivals", "Next arrivals")}
@@ -59,11 +62,14 @@ export const StopSheetSkeleton: React.FC<StopSheetSkeletonProps> = ({
<Skeleton width="70px" height="0.85rem" />
</div>
- <div className="stop-sheet-view-all" style={{
- background: "var(--service-background)",
- cursor: "not-allowed",
- pointerEvents: "none"
- }}>
+ <div
+ className="stop-sheet-view-all"
+ style={{
+ background: "var(--service-background)",
+ cursor: "not-allowed",
+ pointerEvents: "none",
+ }}
+ >
<Skeleton width="180px" height="0.85rem" />
</div>
</div>