fix(ui): Adjust bottom nav padding, fix router scroll, keep session on PWA, and add ETA loading state

This commit is contained in:
2026-03-12 13:53:56 -05:00
parent 512711ecf5
commit 1d3f0ce2fa
4 changed files with 17 additions and 6 deletions

View File

@ -11,7 +11,7 @@ const authStore = useAuthStore()
const email = ref('')
const password = ref('')
const keepSession = ref(false)
const keepSession = ref(true)
const isLoading = ref(false)
const errorMessage = ref('')
const showPassword = ref(false)

View File

@ -28,7 +28,7 @@
</p>
<!-- Cabecera de la parada -->
<div v-if="stopName" class="mt-4 flex items-start gap-4 pb-4 border-b border-gray-100 dark:border-gray-800">
<div v-if="stopName && !isLoading" class="mt-4 flex items-start gap-4 pb-4 border-b border-gray-100 dark:border-gray-800">
<div class="bg-blue-100 dark:bg-blue-900/40 p-3 rounded-2xl flex-shrink-0">
<span class="material-icons text-blue-600 dark:text-blue-400 text-3xl">place</span>
</div>
@ -51,7 +51,9 @@
<!-- Estado de carga -->
<div v-if="isLoading" class="flex flex-col items-center justify-center py-8">
<div class="w-10 h-10 border-4 border-blue-500 border-t-transparent rounded-full animate-spin"></div>
<span class="mt-4 text-gray-500 dark:text-gray-400 font-medium animate-pulse">Calculando satélites...</span>
<span class="mt-4 text-gray-500 dark:text-gray-400 font-medium animate-pulse">
{{ stopName ? 'Calculando llegada...' : 'Cargando datos de ruta...' }}
</span>
</div>
<!-- Sin servicio -->