From 21fcf07bf0264e20752c0c7fd95f56558d58bfa8 Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Tue, 29 Aug 2023 11:01:28 -0700
Subject: homepage update

---
 src/components/LocationsMap.svelte | 25 +++++++++++++------------
 1 file changed, 13 insertions(+), 12 deletions(-)

(limited to 'src/components/LocationsMap.svelte')

diff --git a/src/components/LocationsMap.svelte b/src/components/LocationsMap.svelte
index b7a02ab5..37dd60ba 100644
--- a/src/components/LocationsMap.svelte
+++ b/src/components/LocationsMap.svelte
@@ -40,17 +40,16 @@
 
 			map = L.map(mapElement, {
         zoomSnap: 0,
-				zoomControl: false,
 				attributionControl: false,
-			}).setView([49.26, -123.05], 15.25);
+			}).setView([49.26, -123.05], 12);
 
 
 			const myCustomColour = '#F7931A';
 
 			const markerHtmlStyles = `
 			  background-color: ${myCustomColour};
-			  width: 22rem;
-			  height: 22rem;
+			  width: 1.2rem;
+			  height: 1.2rem;
 			  display: block;
 			  position: relative;
         border-radius: 100% 100% 0;
@@ -103,10 +102,10 @@
 				location = location['osm_json'];
 				let marker = L.marker([location.lat, location.lon], { icon });
 
-				// if (location.tags && location.tags.name) {
-				// 	marker.bindTooltip(location.tags.name, { permanent: true }).openTooltip();
-				// }
-        //
+				if (location.tags && location.tags.name) {
+					marker.bindTooltip(location.tags.name, { permanent: true }).openTooltip();
+				}
+
 				marker.bindPopup(
 					`${
 						location.tags && location.tags.name
@@ -186,7 +185,11 @@
 	onDestroy(async () => map && map.remove());
 </script>
 
-<div class="absolute w-[14043px] h-[9933px] z-0" bind:this={mapElement} />
+<div class="container mx-auto max-w-4xl">
+    <div class="flex w-full">
+        <div class="mx-auto h-[550px] w-full z-0" bind:this={mapElement} />
+    </div>
+</div>
 
 <style>
 	@import 'leaflet/dist/leaflet.css';
@@ -194,11 +197,9 @@
 	:global(.leaflet-tooltip) {
 		border: none;
 		border-radius: 4px;
-		font-size: 5rem;
+    font-size: 12px;
 		font-weight: bolder;
 		color: black;
 		background-color: rgba(255, 255, 255, 0.5);
-    top: 14rem;
-    left: 12rem;
 	}
 </style>
-- 
cgit v1.2.3