add favicon and remove popup bg

jonerrr · Oct 25, 2024 · de99034 · de99034
1 parent b5081a7
commit de99034
Show file tree

Hide file tree

Showing 8 changed files with 18 additions and 18 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "bus-map",
-	"version": "0.2.0",
+	"version": "0.2.1",
 	"private": true,
 	"scripts": {
 		"dev": "vite dev",

diff --git a/src/app.html b/src/app.html
@@ -2,7 +2,7 @@
 <html lang="en">
 	<head>
 		<meta charset="utf-8" />
-		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
+		<link rel="icon" href="%sveltekit.assets%/favicon.svg" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
 		<title>MTA Bus Map</title>
 		<meta name="description" content="A realtime map of MTA buses in New York City" />

diff --git a/src/lib/Routes.svelte b/src/lib/Routes.svelte
@@ -43,7 +43,7 @@
 	>
 		<Popup>
 			{#if clicked_feature}
-				<div class={`bg-slate-800 p-2 max-w-[70vw]`}>
+				<div class={`max-w-[70vw]`}>
 					<h1 class="font-bold text-lg" style={`color: ${clicked_feature.color}`}>
 						{clicked_feature.short_name} | {clicked_feature.long_name}
 					</h1>
@@ -52,7 +52,7 @@
 							href={`${env.PUBLIC_FRONTEND_URL}/?d=${encodeURIComponent(clicked_feature.id)}`}
 							target="_blank"
 							rel="noopener"
-							class="font-semibold text-md text-blue-400"
+							class="font-semibold underline text-md text-indigo-700"
 						>
 							Live bus alerts
 						</a>

diff --git a/src/lib/Stops.svelte b/src/lib/Stops.svelte
@@ -44,7 +44,7 @@
 	>
 		<Popup>
 			{#if clicked_feature}
-				<div class={`bg-slate-800 p-2 max-w-[70vw] rounded-xl flex flex-col gap-1`}>
+				<div class={`rounded-xl flex flex-col gap-1 text-black`}>
 					<h1 class="font-bold text-lg">
 						{clicked_feature.name}
 					</h1>
@@ -68,7 +68,7 @@
 							href={`${env.PUBLIC_FRONTEND_URL}/?d=${clicked_feature.id}`}
 							target="_blank"
 							rel="noopener"
-							class="font-semibold text-md text-blue-400"
+							class="font-semibold underline text-md text-indigo-700"
 						>
 							Live bus arrivals
 						</a>

diff --git a/src/lib/Trips.svelte b/src/lib/Trips.svelte
@@ -66,28 +66,27 @@
 	>
 		<Popup>
 			{#if clicked_feature}
-				<div class={`bg-slate-800 p-2 max-w-[70vw]`}>
+				<div class={`max-w-[70vw] flex flex-col gap-1 text-black`}>
 					<h1 class="font-bold text-lg">{clicked_feature.route_id}</h1>
 					{#if clicked_feature.passengers && clicked_feature.capacity}
-						<p>
+						<div class="flex gap-1">
 							<span class="font-bold">passengers</span>: {clicked_feature.passengers} / {clicked_feature.capacity}
-						</p>
+						</div>
 					{:else}
-						<p>
+						<div class="flex gap-1">
 							<span class="font-bold">passengers</span>: unknown
-						</p>
+						</div>
 					{/if}
-					<p></p>
-					<p>
+					<div>
 						<a
 							href={`${env.PUBLIC_FRONTEND_URL}/?d=${clicked_feature.id}`}
 							target="_blank"
 							rel="noopener"
-							class="font-semibold text-md text-blue-400"
+							class="font-semibold underline text-md text-indigo-700"
 						>
-							Live bus arrivals
+							Live Trip Updates
 						</a>
-					</p>
+					</div>
 				</div>
 			{/if}
 		</Popup>

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -91,10 +91,10 @@
 	<Trips geojson={$page.data.trips} {map} />
 </MapLibre>
 
-<style>
+<!-- <style>
 	:global(.maplibregl-popup-content) {
 		background-color: var(--color-bg);
 		color: var(--color-text);
 		padding: 0px;
 	}
-</style>
+</style> -->
diff --git a/static/favicon.png b/static/favicon.png
diff --git a/static/favicon.svg b/static/favicon.svg