fix(responsive): ninguna vista hace scrollear la página de lado en móvil

Primera tanda de la auditoría responsive, sobre el panel y el portal.

De 59 vistas con tabla, 55 ya envolvían la tabla en un contenedor con
scroll propio; las 4 que faltaban (url_monitor, servidor_dashboard,
partner_recursos, notif_config) hacían scrollear la página entera de lado
en un teléfono. Ahora tienen el mismo contenedor que el resto.

Y una red por debajo en los dos layouts: en pantallas chicas el desborde
se contiene en vez de romper el layout, y pre/code scrollean en su caja.
Es para lo que se agregue después y se olvide el contenedor — el mismo
criterio que se usó con los modales, porque revisar 59 vistas a mano cada
vez que se suma una garantiza que alguna se escape.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
Lizandro Guarnizo
2026-08-17 18:18:36 -05:00
co-authored by Claude Sonnet 5
parent ce5956878d
commit e5544cb241
6 changed files with 32 additions and 10 deletions
+11
View File
@@ -28,6 +28,17 @@
body { font-family: 'Inter', system-ui, -apple-system, sans-serif; }
[x-cloak] { display: none !important; }
/* Nada debe hacer scrollear la página entera de lado en un teléfono.
Las tablas anchas ya scrollean en su propio contenedor; esto es la
red por debajo para lo que se agregue después y se olvide el
contenedor: el desborde se contiene en vez de romper el layout. */
@media (max-width: 640px) {
body { overflow-x: hidden; }
table { max-width: 100%; }
pre, code { overflow-x: auto; max-width: 100%; }
}
/* Modales: el panel nunca puede pasar del alto de la ventana. Sin
esto, un formulario largo (o una pantalla baja / un portátil) deja
los botones Guardar y Cancelar fuera de vista y sin forma de