From baf8f2ae0a626915b565820cc7654781cc8914f2 Mon Sep 17 00:00:00 2001
From: josedario87 <jodarioel87@gmail.com>
Date: Wed, 29 Oct 2025 15:25:44 -0600
Subject: [PATCH] =?UTF-8?q?Fix:=20cerrar=20sidebar=20autom=C3=A1ticamente?=
 =?UTF-8?q?=20en=20m=C3=B3vil=20al=20cargar=20la=20p=C3=A1gina?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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.
---
 nuxt4-app/app/layouts/informe.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/nuxt4-app/app/layouts/informe.vue b/nuxt4-app/app/layouts/informe.vue
index 4c0d998..37333c3 100644
--- a/nuxt4-app/app/layouts/informe.vue
+++ b/nuxt4-app/app/layouts/informe.vue
@@ -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)