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:
co-authored by
Claude Sonnet 5
parent
ce5956878d
commit
e5544cb241
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user