From 5cc27f852b02446659e0ab85305916c9f5e5a5f0 Mon Sep 17 00:00:00 2001 From: Ariel Costas Guerrero Date: Wed, 6 Aug 2025 00:12:19 +0200 Subject: feat: Implement pull-to-refresh functionality across various components - Added `PullToRefresh` component to enable pull-to-refresh behavior in `StopList` and `Estimates` pages. - Integrated `usePullToRefresh` hook to manage pull-to-refresh state and actions. - Created `UpdateNotification` component to inform users of available updates from the service worker. - Enhanced service worker management with `ServiceWorkerManager` class for better update handling and caching strategies. - Updated CSS styles for new components and improved layout for better user experience. - Refactored API caching logic in service worker to handle multiple endpoints and dynamic cache expiration. - Added auto-refresh functionality for estimates data to keep information up-to-date. --- src/frontend/app/routes/timetable-$id.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) (limited to 'src/frontend/app/routes/timetable-$id.css') diff --git a/src/frontend/app/routes/timetable-$id.css b/src/frontend/app/routes/timetable-$id.css index 5ae472c..5296615 100644 --- a/src/frontend/app/routes/timetable-$id.css +++ b/src/frontend/app/routes/timetable-$id.css @@ -62,7 +62,7 @@ } .timetable-controls { - margin-bottom: 1.5rem; + margin-bottom: 1.5rem; display: flex; justify-content: center; } @@ -124,15 +124,15 @@ .page-title { font-size: 1.5rem; } - + .page-title .stop-name { font-size: 1.1rem; } - + .timetable-full-content .timetable-cards { gap: 0.75rem; } - + .timetable-full-content .timetable-card { padding: 1rem; } -- cgit v1.3