fix(ui): Adjust bottom nav padding, fix router scroll, keep session on PWA, and add ETA loading state
This commit is contained in:
@ -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)
|
||||
|
||||
@ -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 -->
|
||||
|
||||
Reference in New Issue
Block a user