Fix: cerrar sidebar automáticamente en móvil al cargar la página
All checks were successful
build-and-deploy / build-and-deploy (push) Successful in 45s
All checks were successful
build-and-deploy / build-and-deploy (push) Successful in 45s
La sidebar ahora detecta el tamaño de pantalla al inicializar: - En móvil (< 1024px): cerrada por defecto - En desktop (>= 1024px): abierta por defecto Esto mejora la experiencia en dispositivos móviles evitando que la sidebar tape el contenido al cargar la página.
This commit is contained in:
@@ -179,7 +179,15 @@ import { useRoute } from 'vue-router'
|
||||
|
||||
const route = useRoute()
|
||||
|
||||
const sidebarOpen = ref(true)
|
||||
// Detectar si es móvil en el primer montaje
|
||||
const isMobile = () => {
|
||||
if (import.meta.client) {
|
||||
return window.innerWidth < 1024 // lg breakpoint
|
||||
}
|
||||
return false
|
||||
}
|
||||
|
||||
const sidebarOpen = ref(!isMobile()) // Cerrada en móvil, abierta en desktop
|
||||
const sidebarCollapsed = ref(false)
|
||||
|
||||
const showActions = ref(true)
|
||||
|
||||
Reference in New Issue
Block a user