diff options
Diffstat (limited to 'src/frontend/app/components/StopSheetSkeleton.tsx')
| -rw-r--r-- | src/frontend/app/components/StopSheetSkeleton.tsx | 24 |
1 files changed, 12 insertions, 12 deletions
diff --git a/src/frontend/app/components/StopSheetSkeleton.tsx b/src/frontend/app/components/StopSheetSkeleton.tsx index 91ea74f..651efa5 100644 --- a/src/frontend/app/components/StopSheetSkeleton.tsx +++ b/src/frontend/app/components/StopSheetSkeleton.tsx @@ -7,8 +7,8 @@ interface StopSheetSkeletonProps { rows?: number; } -export const StopSheetSkeleton: React.FC<StopSheetSkeletonProps> = ({ - rows = 4 +export const StopSheetSkeleton: React.FC<StopSheetSkeletonProps> = ({ + rows = 4 }) => { const { t } = useTranslation(); @@ -25,7 +25,7 @@ export const StopSheetSkeleton: React.FC<StopSheetSkeletonProps> = ({ <div className="stop-sheet-estimate-line"> <Skeleton width="40px" height="24px" style={{ borderRadius: "4px" }} /> </div> - + <div className="stop-sheet-estimate-details"> <div className="stop-sheet-estimate-route"> <Skeleton width="120px" height="0.95rem" /> @@ -43,19 +43,19 @@ export const StopSheetSkeleton: React.FC<StopSheetSkeletonProps> = ({ <div className="stop-sheet-timestamp"> <Skeleton width="140px" height="0.8rem" /> </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> - - <div className="stop-sheet-view-all" style={{ - background: "#f0f0f0", - cursor: "not-allowed", - pointerEvents: "none" + + <div className="stop-sheet-view-all" style={{ + background: "#f0f0f0", + cursor: "not-allowed", + pointerEvents: "none" }}> <Skeleton width="180px" height="0.85rem" /> </div> |