Lizandro GuarnizoandClaude Sonnet 5
ce5956878d
El SPA no tenía ningún tratamiento responsive: un sidebar fijo de 256px siempre visible. En un teléfono de 375px eso deja 119px para el contenido. Ahora en móvil el sidebar sale de flujo y entra deslizándose desde la izquierda, con botón en el header y fondo oscuro para cerrarlo. Se cierra solo al elegir un tenant: dejarlo abierto tapa justo la pantalla a la que se acaba de entrar. En escritorio (md+) no cambia nada — sigue fijo y sin botón. El estado vive en lib/ui.js porque lo tocan dos componentes que no son padre/hijo: el botón del header y el propio sidebar. También se achica el padding del contenido en pantallas chicas y las tabs del agente pasan a scrollear en su propia caja en vez de desbordar. Medido a 492px de ancho: scrollWidth igual a innerWidth y ningún elemento sobresaliendo. Escritorio verificado sin regresión. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
7 lines
264 B
JavaScript
7 lines
264 B
JavaScript
import { ref } from 'vue'
|
|
|
|
// Estado del menú lateral en móvil. Vive acá y no en App.vue porque lo tocan
|
|
// dos componentes que no son padre/hijo: el botón del header y el propio
|
|
// sidebar, que se cierra solo al navegar.
|
|
export const menuAbierto = ref(false)
|