feat(responsive): adaptar layout y Dashboard a mobile
🎯 ¿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 -
allowedDevOriginsconfigurado 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