From 1bca64c181fe105137e869e7ee62df5c3a45ee50 Mon Sep 17 00:00:00 2001
From: tarunsinghofficial <tarunsinghwap7@gmail.com>
Date: Tue, 10 Sep 2024 19:42:11 +0530
Subject: [PATCH 1/2] fix: stopname styled to black color in dark mode

---
 src/components/map/RouteMap.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/map/RouteMap.svelte b/src/components/map/RouteMap.svelte
index e3997ac..a7e65be 100644
--- a/src/components/map/RouteMap.svelte
+++ b/src/components/map/RouteMap.svelte
@@ -74,7 +74,7 @@
 
 			infoWindow = new google.maps.InfoWindow({
 				content: `<div>
-                            <h3 class='h3'>${stop.name}</h3>
+                            <h3 class='h3 dark:text-black text-black'>${stop.name}</h3>
                             <p>Arrival time: ${new Date(stopTime.arrivalTime * 1000).toLocaleTimeString()}</p>
                         </div>`
 			});

From 864068fe10e631c19685f871659720dadeeeec96 Mon Sep 17 00:00:00 2001
From: tarunsinghofficial <tarunsinghwap7@gmail.com>
Date: Tue, 10 Sep 2024 20:11:54 +0530
Subject: [PATCH 2/2] style: added the bg color in InfoWindow's  arrival time

---
 src/components/map/RouteMap.svelte | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/map/RouteMap.svelte b/src/components/map/RouteMap.svelte
index a7e65be..ecd10f2 100644
--- a/src/components/map/RouteMap.svelte
+++ b/src/components/map/RouteMap.svelte
@@ -73,9 +73,9 @@
 			infoWindow?.close();
 
 			infoWindow = new google.maps.InfoWindow({
-				content: `<div>
-                            <h3 class='h3 dark:text-black text-black'>${stop.name}</h3>
-                            <p>Arrival time: ${new Date(stopTime.arrivalTime * 1000).toLocaleTimeString()}</p>
+				content: `<div class="my-1">
+                            <h3 class='dark:text-black h3 font-semibold text-black'>${stop.name}</h3>
+                            <p><span class="bg-[#8250DF] text-white py-[2px] px-[2px] rounded-md">Arrival time:</span> ${new Date(stopTime.arrivalTime * 1000).toLocaleTimeString()}</p>
                         </div>`
 			});
 			infoWindow.open(map, marker);