diff --git a/frontend/src/views/MapView.vue b/frontend/src/views/MapView.vue index f08b266..d4df6aa 100644 --- a/frontend/src/views/MapView.vue +++ b/frontend/src/views/MapView.vue @@ -687,12 +687,12 @@ async function calculateWalkingPath(origin: { lat: number, lng: number }, target const response = await routeService.computeRoutes({ origin: { location: { - latLng: { latitude: origin.lat, longitude: origin.lng } + latLng: { lat: origin.lat, lng: origin.lng } } }, destination: { location: { - latLng: { latitude: targetStop.latitude, longitude: targetStop.longitude } + latLng: { lat: targetStop.latitude, lng: targetStop.longitude } } }, travelMode: 'DRIVE', @@ -1209,8 +1209,8 @@ async function calculateWalkingPath(origin: { lat: number, lng: number }, target ═══════════════════════════════════════ */ .offers-sheet { position: fixed; - /* Base 72px (altura menú) + 40px espacio visual + safe area */ - bottom: calc(72px + 40px + env(safe-area-inset-bottom, 0px)); + /* Base 72px (altura menú) + 60px espacio visual + safe area */ + bottom: calc(72px + 60px + env(safe-area-inset-bottom, 0px)); left: 10px; right: 10px; background: #fff; @@ -1236,7 +1236,7 @@ async function calculateWalkingPath(origin: { lat: number, lng: number }, target @media (max-width: 900px) { .offers-sheet { /* En móvil más espacio aún por el menú nativo */ - bottom: calc(100px + env(safe-area-inset-bottom, 0px)); + bottom: calc(120px + env(safe-area-inset-bottom, 0px)); left: 8px; right: 8px; }