From cf89ddc609bac150a4aae9e71973f47f6caf2efb Mon Sep 17 00:00:00 2001
From: tarunsinghofficial <tarunsinghwap7@gmail.com>
Date: Sat, 18 Jan 2025 20:38:45 +0530
Subject: [PATCH] ui: add the primary color customization to stoppane and
routemodal
---
src/components/routes/RouteModal.svelte | 6 +++---
src/components/stops/StopPane.svelte | 6 +++---
2 files changed, 6 insertions(+), 6 deletions(-)
diff --git a/src/components/routes/RouteModal.svelte b/src/components/routes/RouteModal.svelte
index a5b752c..cc7e0f2 100644
--- a/src/components/routes/RouteModal.svelte
+++ b/src/components/routes/RouteModal.svelte
@@ -22,11 +22,11 @@
{#if stops && selectedRoute}
<div class="space-y-4">
<div>
- <div class="h-36 rounded-lg bg-[#1C1C1E] bg-opacity-80 p-4">
- <h1 class="mb-6 text-center text-2xl font-bold text-white">
+ <div class="h-36 bg-brand-secondary bg-opacity-80 p-4 rounded-lg">
+ <h1 class="mb-6 text-2xl font-bold text-center text-white">
Route: {selectedRoute.shortName}
</h1>
- <h2 class="mb-6 text-center text-xl text-white">{selectedRoute.description}</h2>
+ <h2 class="mb-6 text-xl text-center text-white">{selectedRoute.description}</h2>
</div>
</div>
diff --git a/src/components/stops/StopPane.svelte b/src/components/stops/StopPane.svelte
index 396a907..b78e8c6 100644
--- a/src/components/stops/StopPane.svelte
+++ b/src/components/stops/StopPane.svelte
@@ -97,16 +97,16 @@
{#if arrivalsAndDepartures}
<div class="space-y-4">
<div>
- <div class="relative flex flex-col gap-y-1 rounded-lg bg-[#1C1C1E] bg-opacity-80 p-4">
+ <div class="gap-y-1 bg-brand-secondary bg-opacity-80 relative flex flex-col p-4 rounded-lg">
<h1 class="h1 mb-0 text-white">{stop.name}</h1>
<h2 class="h2 mb-0 text-white">{$t('stop')} #{stop.id}</h2>
{#if routeShortNames()}
<h2 class="h2 mb-0 text-white">{$t('routes')}: {routeShortNames().join(', ')}</h2>
{/if}
- <div class="mt-auto flex justify-end">
+ <div class="flex justify-end mt-auto">
<a
href={`/stops/${stop.id}/schedule`}
- class="inline-block rounded-lg border border-brand bg-brand px-3 py-1 text-sm font-medium text-white shadow-md transition duration-200 ease-in-out hover:bg-brand-secondary"
+ class="border-brand bg-brand hover:bg-brand-secondary inline-block px-3 py-1 text-sm font-medium text-white transition duration-200 ease-in-out border rounded-lg shadow-md"
target="_blank"
>
{$t('schedule_for_stop.view_schedule')}