Hanzo_Dev/SIB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: ajuste panel ofertas sobre nav inferior y tamaño buscador de rutas

Browse Source
This commit is contained in:
Johan Samudio
2026-02-23 19:51:55 -05:00
parent f5fa086356
commit a6c33d0845
1 changed files with 11 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
frontend/src/views/MapView.vue
View File

@ -1294,14 +1294,14 @@ function clearNavigation() {
═══════════════════════════════════════ */ ═══════════════════════════════════════ */
.offers-sheet { .offers-sheet {
position: fixed; position: fixed;
bottom: 64px; /* above bottom nav */ bottom: calc(64px + env(safe-area-inset-bottom, 0px)); /* above bottom nav + safe area */
left: 0; left: 0;
right: 0; right: 0;
background: var(--bg-secondary); background: var(--bg-secondary);
border-top: 1px solid var(--border-color); border-top: 1px solid var(--border-color);
border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0;
z-index: 1300; z-index: 1300;
padding: 0 0 1rem; padding: 0 0 0.75rem;
box-shadow: 0 -8px 32px rgba(0,0,0,0.25); box-shadow: 0 -8px 32px rgba(0,0,0,0.25);
} }
@ -1600,7 +1600,7 @@ function clearNavigation() {
.uber-search-panel { .uber-search-panel {
position: fixed; position: fixed;
top: 15px; /* Pequeño margen para que no choque con el borde */ top: 70px; /* Debajo del header superior */
left: 0; left: 0;
right: 0; right: 0;
background: var(--header-bg); background: var(--header-bg);
@ -1608,25 +1608,26 @@ function clearNavigation() {
-webkit-backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px);
border-radius: 24px; border-radius: 24px;
box-shadow: 0 40px 100px rgba(0,0,0,0.6); box-shadow: 0 40px 100px rgba(0,0,0,0.6);
padding: 24px; padding: 16px;
z-index: 2500; z-index: 2500;
border: 1px solid var(--border-color); border: 1px solid var(--border-color);
transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
max-width: 500px; max-width: 500px;
margin: 0 auto; margin: 0 auto;
max-height: calc(100vh - 140px); /* Nunca sobrepasa la pantalla */
overflow-y: auto;
} }
/* Fix para que no se oculte al salir el teclado */ /* Fix para que no se oculte al salir el teclado */
.uber-search-panel.is-focused { .uber-search-panel.is-focused {
top: 5px; /* Se pega más arriba pero sigue visible */ top: 60px;
transform: translateY(-5px);
box-shadow: 0 10px 40px rgba(0,0,0,0.4); box-shadow: 0 10px 40px rgba(0,0,0,0.4);
} }
.uber-search-header { .uber-search-header {
display: flex; display: flex;
align-items: center; align-items: center;
margin-bottom: 24px; margin-bottom: 12px;
} }
.back-btn { .back-btn {
@ -1652,11 +1653,11 @@ function clearNavigation() {
.search-inputs-wrapper { .search-inputs-wrapper {
display: flex; display: flex;
gap: 20px; gap: 16px;
background: var(--bg-secondary); background: var(--bg-secondary);
padding: 20px; padding: 14px;
border-radius: 16px; border-radius: 16px;
margin-bottom: 16px; margin-bottom: 12px;
border: 1px solid var(--border-color); border: 1px solid var(--border-color);
} }