responsive: breakpoints unificados, header mobile, sidebar toggle, tablas scroll

This commit is contained in:
Lizandro Guarnizo
2026-03-19 11:30:14 -05:00
parent 0faf101fd1
commit 8fb345c404
2 changed files with 144 additions and 89 deletions
+10 -14
View File
@@ -81,33 +81,29 @@ try {
<!-- Header -->
<header class="content-header">
<div>
<h1><i class="fas fa-robot"></i> Sistema de Gestión WhatsApp Bot</h1>
<small class="text-muted">
<div style="min-width:0;flex:1">
<h1><i class="fas fa-robot d-none d-sm-inline"></i> <span class="d-none d-sm-inline">Sistema de Gestión</span> WhatsApp Bot</h1>
<small class="text-muted d-none d-md-block">
<i class="fas fa-user"></i> Conectado como <strong><?= htmlspecialchars(
// Preferir nombre completo del admin si existe
(
$_SESSION['admin_user']['full_name'] ?? $_SESSION['admin_user']['username'] ?? ADMIN_USERNAME
)
$_SESSION['admin_user']['full_name'] ?? $_SESSION['admin_user']['username'] ?? ADMIN_USERNAME
) ?></strong>
| <i class="fas fa-clock"></i> Sesión desde: <?= date('H:i:s', $_SESSION['login_time'] ?? time()) ?>
</small>
</div>
<div class="header-actions">
<!-- Sidebar toggle (visible en pantallas pequeñas) -->
<button id="sidebar-toggle" class="btn btn-light d-md-none me-2" title="Abrir menú">
<button id="sidebar-toggle" class="btn btn-light me-1" title="Abrir menú" style="display:none">
<i class="fas fa-bars"></i>
</button>
<div class="status-badge">
<span class="status-dot status-online"></span>
<span class="status-text">En línea</span>
</div> <button class="btn btn-primary me-2" onclick="refreshData()">
<i class="fas fa-sync-alt"></i> Actualizar
</div>
<button class="btn btn-primary btn-sm d-none d-sm-inline-flex align-items-center gap-1" onclick="refreshData()">
<i class="fas fa-sync-alt"></i> <span class="d-none d-lg-inline">Actualizar</span>
</button>
<a href="logout.php" class="btn btn-outline-danger" onclick="return confirm('¿Está seguro que desea cerrar sesión?')">
<i class="fas fa-sign-out-alt"></i> Cerrar Sesión
<a href="logout.php" class="btn btn-outline-danger btn-sm d-none d-sm-inline-flex align-items-center gap-1" onclick="return confirm('¿Está seguro que desea cerrar sesión?')">
<i class="fas fa-sign-out-alt"></i> <span class="d-none d-lg-inline">Cerrar Sesión</span>
</a>
</div>
</header>