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
@@ -69,7 +69,7 @@
|
||||
|
||||
<!-- Table rows -->
|
||||
<div x-show="!cargando && items.length > 0">
|
||||
<table class="w-full text-sm">
|
||||
<div class="overflow-x-auto"><table class="w-full text-sm">
|
||||
<thead>
|
||||
<tr class="bg-slate-50 border-b border-slate-200">
|
||||
<th class="px-4 py-3 text-left text-xs font-semibold text-slate-500 uppercase tracking-wider">Nombre / URL</th>
|
||||
@@ -169,7 +169,7 @@
|
||||
</tr>
|
||||
</template>
|
||||
</tbody>
|
||||
</table>
|
||||
</table></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -305,7 +305,7 @@
|
||||
<div x-show="!logs.cargando && !logs.vacio">
|
||||
<h3 class="text-xs font-semibold text-slate-500 uppercase tracking-wider mb-3">Últimos registros</h3>
|
||||
<div class="border border-slate-200 rounded-xl overflow-hidden">
|
||||
<table class="w-full text-xs">
|
||||
<div class="overflow-x-auto"><table class="w-full text-xs">
|
||||
<thead>
|
||||
<tr class="bg-slate-50 border-b border-slate-200">
|
||||
<th class="px-3 py-2 text-left font-semibold text-slate-500">Fecha</th>
|
||||
@@ -337,7 +337,7 @@
|
||||
</tr>
|
||||
</template>
|
||||
</tbody>
|
||||
</table>
|
||||
</table></div>
|
||||
</div>
|
||||
<p x-show="logs.items.length > 50" class="text-xs text-slate-400 mt-2 text-center"
|
||||
x-text="'Mostrando últimos 50 de ' + logs.items.length + ' registros'"></p>
|
||||
|
||||
Reference in New Issue
Block a user