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

UI/UX Optimization: Fixed HUD elements, compacted sidebar menu, and improved mobile animations stability

Browse Source
This commit is contained in:
Johan Samudio
2026-02-21 17:43:46 -05:00
parent 7adc9cec45
commit cdd553d9cb
4 changed files with 128 additions and 196 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1447,12 +1447,12 @@ function clearNavigation() {
/* Uber-like Search Interface Styles */
.uber-search-container {
position: absolute;
position: fixed;
top: 90px;
left: 16px;
right: 16px;
z-index: 1100; /* Incrementado para estar por encima de los controles del mapa (1000) */
pointer-events: none; /* Crucial: don't block discover button */
z-index: 1100;
pointer-events: none;
}
.uber-search-container > * {
@ -1529,8 +1529,8 @@ function clearNavigation() {
}
.uber-search-panel {
position: absolute;
top: -85px; /* Ajustado para que no se oculte tras el notch/header */
position: fixed;
top: 10px; /* Cubre toda la parte superior cuando se expande */
left: 0;
right: 0;
background: var(--header-bg);
@ -1764,8 +1764,8 @@ function clearNavigation() {
/* Reposicion de elementos fijos */
.map-floating-controls {
position: absolute;
bottom: 75px;
position: fixed;
bottom: 85px;
right: 16px;
display: flex;
flex-direction: column;
@ -1848,7 +1848,6 @@ function clearNavigation() {
.promos-toggle-btn.active {
background: var(--text-primary);
color: var(--bg-primary);
transform: rotate(90deg);
}
.promos-toggle-btn .material-icons {
@ -1884,13 +1883,13 @@ function clearNavigation() {
}
.floating-promos-container {
position: absolute;
top: 55%; /* Slightly below true center to account for search bar at top */
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 400px;
max-width: calc(100vw - 40px);
z-index: 1300; /* Por encima del panel de búsqueda */
z-index: 1300;
}
/* Transitions */
@ -1922,8 +1921,8 @@ function clearNavigation() {
/* Reposition floating controls for mobile thumb reach */
.map-floating-controls {
bottom: 70px;
right: 20px;
bottom: 120px; /* Más espacio para pulgares en móvil */
right: 15px;
align-items: center;
z-index: 1100;
}