Skip to content

feat(responsive): adaptar layout y Dashboard a mobile

cristian.silvera requested to merge feature/responsive-dashboard into dev

🎯 ¿Qué hace este MR?

Adapta el layout y el Dashboard de SIENEP para que funcionen correctamente en dispositivos móviles, tablets y desktop.

🛠️ Cambios principales

  • Sidebar colapsable en mobile con drawer + overlay
  • Botón hamburguesa en el Header (solo visible en mobile)
  • Dashboard responsive: grilla 2 columnas → 1 columna en mobile
  • Tabla con scroll horizontal en mobile
  • Ajustes de padding y espaciados adaptativos
  • Estado compartido sidebar/header en DashboardShell
  • allowedDevOrigins configurado para HMR desde red local
  • README actualizado con documentación del responsive

📸 Capturas

[Adjuntar screenshot mobile y desktop]

✅ Checklist

  • Probado en mobile (iPhone 12 Pro, 390px)
  • Probado en tablet (iPad, 768px)
  • Probado en desktop (1280px)
  • Compila sin errores (npx tsc --noEmit)
  • No rompe el login existente

Merge request reports

Loading