diff options
| author | Copilot <198982749+Copilot@users.noreply.github.com> | 2025-11-07 19:44:50 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2025-11-07 19:44:50 +0100 |
| commit | a6ec0e52ecb33915cc4c4b22df1d2512ab9b0111 (patch) | |
| tree | 68dfd09c9067bb95dc4f7f5c20004dda20bef9ed /src/frontend/app/components/StopItemSkeleton.tsx | |
| parent | 6941f4fb37ffa57c2e4631ff6641976d21151e54 (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/StopItemSkeleton.tsx')
| -rw-r--r-- | src/frontend/app/components/StopItemSkeleton.tsx | 51 |
1 files changed, 25 insertions, 26 deletions
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; |