aboutsummaryrefslogtreecommitdiff
path: root/src/frontend/app/components/StopSheetSkeleton.tsx
diff options
context:
space:
mode:
authorAriel Costas Guerrero <ariel@costas.dev>2025-11-06 23:36:52 +0100
committerAriel Costas Guerrero <ariel@costas.dev>2025-11-06 23:36:52 +0100
commit37d8eedd641bb04c086797010292bcb25240d56d (patch)
tree85486542fc59e4b08485eba5625c9f923ca71ac1 /src/frontend/app/components/StopSheetSkeleton.tsx
parent0ac8ba208e0ad4d61cb82d6216c9cb34d43421a0 (diff)
Refactor styles and add alert color variables; implement scroll management for timetable
Diffstat (limited to 'src/frontend/app/components/StopSheetSkeleton.tsx')
-rw-r--r--src/frontend/app/components/StopSheetSkeleton.tsx4
1 files changed, 2 insertions, 2 deletions
diff --git a/src/frontend/app/components/StopSheetSkeleton.tsx b/src/frontend/app/components/StopSheetSkeleton.tsx
index 651efa5..6870af2 100644
--- a/src/frontend/app/components/StopSheetSkeleton.tsx
+++ b/src/frontend/app/components/StopSheetSkeleton.tsx
@@ -13,7 +13,7 @@ export const StopSheetSkeleton: React.FC<StopSheetSkeletonProps> = ({
const { t } = useTranslation();
return (
- <SkeletonTheme baseColor="#f0f0f0" highlightColor="#e0e0e0">
+ <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")}
@@ -53,7 +53,7 @@ export const StopSheetSkeleton: React.FC<StopSheetSkeletonProps> = ({
</div>
<div className="stop-sheet-view-all" style={{
- background: "#f0f0f0",
+ background: "var(--service-background)",
cursor: "not-allowed",
pointerEvents: "none"
}}>