fix: Vertically center the map on mobile when opening it

cozy · Jun 23, 2022 · 5edb53b · 5edb53b
1 parent 59f73e2
commit 5edb53b
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/src/components/Trip/TripMap.jsx b/src/components/Trip/TripMap.jsx
@@ -51,7 +51,7 @@ const TripMap = () => {
     [theme]
   )
   const mapPanRatio = useMemo(
-    () => (isMobile ? bottomSheetSettings.mediumHeightRatio / 2 : 0),
+    () => (isMobile ? bottomSheetSettings.mediumHeightRatio : 0),
     [isMobile]
   )
 
@@ -63,8 +63,9 @@ const TripMap = () => {
   useEffect(() => {
     if (geojsonRef.current) {
       const geojsonL = geojsonRef.current.leafletElement
-      mapL.fitBounds(geojsonL.getBounds())
-      mapL.panBy([0, mapL.getSize().y * mapPanRatio])
+      mapL.fitBounds(geojsonL.getBounds(), {
+        paddingBottomRight: [0, mapL.getSize().y * mapPanRatio]
+      })
     }
   }, [mapL, mapPanRatio])