Refactor StopMap and Settings components; replace region config usage with REGION_DATA, update StopDataProvider calls, and improve UI elements. Remove unused timetable files and add Tailwind CSS support.

1 files changed, 0 insertions, 208 deletions

diff --git a/src/frontend/app/components/SchedulesTable.css b/src/frontend/app/components/SchedulesTable.css
deleted file mode 100644
index c0c5cb7..0000000
--- a/src/frontend/app/components/SchedulesTable.css
+++ /dev/null
@@ -1,208 +0,0 @@
-.timetable-container {
-  margin-top: 2rem;
-}
-
-.timetable-caption {
-  font-weight: bold;
-  margin-bottom: 1rem;
-  text-align: left;
-  font-size: 1.1rem;
-  color: var(--text-primary);
-}
-
-.timetable-cards {
-  display: flex;
-  flex-direction: column;
-  gap: 1rem;
-  margin-bottom: 1rem;
-}
-
-.timetable-card {
-  background-color: var(--surface-future);
-  border: 1px solid var(--card-border);
-  border-radius: 10px;
-  padding: 1.25rem;
-  transition:
-    background-color 0.2s ease,
-    border 0.2s ease;
-}
-
-/* Next upcoming service: slight emphasis */
-.timetable-card.timetable-next {
-  background-color: var(--surface-next);
-  border-color: var(--card-border);
-  position: relative;
-}
-
-.timetable-card.timetable-next::before {
-  content: "";
-  position: absolute;
-  left: 0;
-  top: 0;
-  bottom: 0;
-  width: 4px;
-  border-top-left-radius: 10px;
-  border-bottom-left-radius: 10px;
-  background: var(--accent-next);
-}
-
-.timetable-card.timetable-past {
-  background-color: var(--surface-past);
-  color: var(--text-secondary);
-  border: 1px solid var(--card-border);
-}
-
-.timetable-card .card-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 1rem;
-}
-
-.timetable-card .line-info {
-  flex-shrink: 0;
-}
-
-.timetable-card .destination-info {
-  flex: 1;
-  text-align: left;
-  margin: 0 1rem;
-  color: var(--text-primary);
-}
-
-.timetable-card .destination-info strong {
-  font-size: 0.95rem;
-}
-
-.timetable-card.timetable-past .destination-info {
-  color: var(--text-secondary);
-}
-
-.timetable-card .time-info {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-  flex-shrink: 0;
-}
-
-.timetable-card .timetable-card .departure-time {
-  font-weight: bold;
-  font-family: monospace;
-  font-size: 1.1rem;
-  color: var(--text-primary);
-}
-
-.timetable-card.timetable-past .departure-time {
-  color: var(--text-secondary);
-}
-
-.timetable-card .card-body {
-  line-height: 1.4;
-}
-
-.timetable-card .route-streets {
-  font-size: 0.85rem;
-  color: var(--text-secondary);
-  line-height: 1.8;
-  word-break: break-word;
-}
-
-.timetable-card .timetable-card .service-id {
-  font-family: monospace;
-  font-size: 0.8rem;
-  color: var(--text-secondary);
-  background: var(--service-background);
-  padding: 0.15rem 0.4rem;
-  border-radius: 3px;
-  font-weight: 500;
-  display: inline;
-  margin-right: 0.2em;
-}
-
-.timetable-card.timetable-past .service-id {
-  color: var(--text-secondary);
-  background: var(--service-background-past);
-}
-
-.timetable-container .no-data {
-  text-align: center;
-  color: var(--text-secondary);
-  font-style: italic;
-  padding: 2rem;
-  background: var(--card-background);
-  border-radius: 8px;
-  border: 1px solid var(--card-border);
-}
-
-/* Responsive design */
-@media (max-width: 768px) {
-  .timetable-cards {
-    gap: 0.5rem;
-  }
-  .timetable-card {
-    padding: 0.75rem;
-  }
-  .timetable-card .card-header {
-    margin-bottom: 0.5rem;
-  }
-  .timetable-card .destination-info {
-    margin: 0 0.5rem;
-  }
-  .timetable-card .destination-info strong {
-    font-size: 0.9rem;
-  }
-  .timetable-card .departure-time {
-    font-size: 1rem;
-  }
-  .timetable-card .service-id {
-    font-size: 0.8rem;
-    padding: 0.2rem 0.4rem;
-  }
-}
-
-@media (max-width: 480px) {
-  .timetable-card .card-header {
-    flex-direction: column;
-    align-items: stretch;
-    gap: 0.5rem;
-  }
-
-  .timetable-card .destination-info {
-    text-align: left;
-    margin: 0;
-    order: 2;
-  }
-
-  .timetable-card .time-info {
-    align-items: flex-start;
-    order: 1;
-    align-self: flex-end;
-  }
-
-  .timetable-card .line-info {
-    order: 0;
-    align-self: flex-start;
-  }
-
-  /* Create a flex container for line and time on mobile */
-  .timetable-card .card-header {
-    position: relative;
-  }
-
-  .timetable-card .line-info {
-    position: absolute;
-    left: 0;
-    top: 0;
-  }
-
-  .timetable-card .time-info {
-    position: absolute;
-    right: 0;
-    top: 0;
-  }
-
-  .timetable-card .destination-info {
-    margin-top: 2rem;
-    text-align: left;
-  }
-}