MOCKUP — no producción
E250-C0108 · Panel de operador responsive · tema e250

Variante 2 — Tabla densa reordenada en tarjetas apiladas en móvil

Mismo shell y mismo comportamiento de navegación que la variante 1 (drawer <1024 px, sidebar permanente ≥1024 px). La diferencia está en la técnica para tablas densas: en viewport estrecho, cada fila se reordena en una tarjeta apilada con pares etiqueta/valor — se lee sin desplazamiento lateral de ningún tipo. En escritorio vuelve a ser una tabla.

Móvil · 375 px

A · Navegación cerrada — cabecera con hamburguesa, contenido a ancho completo
El Cardón
OperaciónReservas

Reservas

  • Ascensión al TeideConfirmada
    16 jul · 09:30 · 2 pax · #BK-4821
  • Sendero RoquesPendiente
    16 jul · 11:00 · 4 pax · #BK-4822
  • Observación estrellasConfirmada
    16 jul · 21:00 · 2 pax · #BK-4823
Sin scroll horizontal de página ✓
B · Navegación abierta — drawer superpuesto con backdrop, grupos completos
Estás viendo El Cardón como plataforma
El Cardón

Tabla densa · técnica de esta variante

C · «Logs API» a 375 px — cada registro es una tarjeta con pares etiqueta/valor; cero scroll lateral
El Cardón
DesarrolloLogs API

Logs API

Volcano TeideSaliente
200
GET /octo/v1/products
16/07 09:31:02142 ms
TuriTopSaliente
400
POST /api/v3/bookings
16/07 09:30:5888 ms
StripeSaliente
200
POST /v1/payment_intents
16/07 09:30:41311 ms
Volcano TeideSaliente
200
GET /octo/v1/availability
16/07 09:29:12204 ms
Cero scroll horizontal (ni de página ni de contenedor) ✓

Escritorio · ≥1024 px — regresión cero

D · Sidebar permanente + «Logs API» como tabla clásica — idéntico a hoy

Logs API

FechaProveedorMétodoURLEstadoDuración
16/07 09:31:02Volcano TeideGET/octo/v1/products200142ms
16/07 09:30:58TuriTopPOST/api/v3/bookings40088ms
16/07 09:30:41StripePOST/v1/payment_intents200311ms