chore(mapbox): Improve map sizes and zoom levels

gabe565 · Dec 4, 2024 · ab2c781 · ab2c781
1 parent 18d3cab
commit ab2c781
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 7 deletions.
diff --git a/frontend/src/views/AboutView.vue b/frontend/src/views/AboutView.vue
@@ -63,10 +63,13 @@
     <section>
       <h2 class="h3 visually-hidden">Map of Oklahoma City</h2>
       <picture>
-        <source :srcset="ApiPath('/map/sm.png')" media="(max-width: 575px)" />
-        <source :srcset="ApiPath('/map/lg.png')" media="(max-width: 991px)" />
-        <source :srcset="ApiPath('/map/xl.png')" media="(max-width: 1199px)" />
-        <img :src="ApiPath(`/map/xxl.png`)" alt="Map" class="map" />
+        <source :srcset="ApiPath('/map/xs.png')" media="(max-width: 575px)" />
+        <source :srcset="ApiPath('/map/sm.png')" media="(max-width: 767px)" />
+        <source :srcset="ApiPath('/map/md.png')" media="(max-width: 991px)" />
+        <source :srcset="ApiPath('/map/lg.png')" media="(max-width: 1399px)" />
+        <source :srcset="ApiPath('/map/xl.png')" media="(max-width: 2000px)" />
+        <source :srcset="ApiPath('/map/xxl.png')" />
+        <img :src="ApiPath(`/map/lg.png`)" alt="Map" class="map" />
       </picture>
     </section>
   </section>

diff --git a/internal/handlers/mapbox/mapbox.go b/internal/handlers/mapbox/mapbox.go
@@ -76,9 +76,11 @@ func (c *Client) FetchAll(ctx context.Context) error {
 	defer cancel()
 
 	reqs := map[string]FetchRequest{
-		"sm":  {"640x300", "gabe565/cm495kfdx00ip01rz7eifbthx", 9.5},
-		"lg":  {"1280x300", "gabe565/cm495kfdx00ip01rz7eifbthx", 9.5},
-		"xl":  {"1280x500", "gabe565/cm495kfdx00ip01rz7eifbthx", 9},
+		"xs":  {"575x300", "gabe565/cm495kfdx00ip01rz7eifbthx", 9},
+		"sm":  {"767x300", "gabe565/cm495kfdx00ip01rz7eifbthx", 9},
+		"md":  {"991x300", "gabe565/cm495kfdx00ip01rz7eifbthx", 9},
+		"lg":  {"1280x500", "gabe565/cm495kfdx00ip01rz7eifbthx", 9},
+		"xl":  {"1280x500@2x", "gabe565/cm49gy50a014k01qr2sjoc52o", 9},
 		"xxl": {"1280x500@2x", "gabe565/cm49gy50a014k01qr2sjoc52o", 8.5},
 	}
 	var errs []error