Menú de fichas de control aéreo
Las secciones son fichas de vuelo en el soporte de una torre de control: la elegida sale de la fila, como hace el controlador.
Ajustes
Código
<nav class="uvq12-at" aria-label="Torre de control"><p class="hd" aria-hidden="true"><span>Torre de control</span><span>RWY 36L</span></p><ol><li><a href="#" style="--c:#fde68a" aria-current="page"><span class="cs" aria-hidden="true"><b>IBE3141</b><small>A320</small></span><span class="nm">Resumen</span><span class="rt" aria-hidden="true">MAD LIS</span></a></li><li><a href="#" style="--c:#bfdbfe"><span class="cs" aria-hidden="true"><b>VLG7012</b><small>A321</small></span><span class="nm">Vuelos</span><span class="rt" aria-hidden="true">BCN ORY</span></a></li><li><a href="#" style="--c:#fecaca"><span class="cs" aria-hidden="true"><b>AEA1024</b><small>B738</small></span><span class="nm">Pasajeros</span><span class="rt" aria-hidden="true">PMI MAD</span></a></li><li><a href="#" style="--c:#bbf7d0"><span class="cs" aria-hidden="true"><b>RYR4410</b><small>B38M</small></span><span class="nm">Equipaje</span><span class="rt" aria-hidden="true">AGP STN</span></a></li><li><a href="#" style="--c:#e9d5ff"><span class="cs" aria-hidden="true"><b>TAP1013</b><small>A20N</small></span><span class="nm">Informes</span><span class="rt" aria-hidden="true">LIS OPO</span></a></li></ol></nav>Prompt para IA
Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.
Más en Navegación
Ver todos: NavegaciónDónde usarlo
Un menú vertical inspirado en las fichas de papel que usan los controladores aéreos. Cada sección es una ficha de color con indicativo, tipo de avión y ruta impresos en monoespaciada, y la elegida sale de la fila con una marca roja, como hace el controlador con el vuelo que atiende. Las flechas recorren las fichas. Encaja en paneles de control, herramientas de logística y zonas de administración.
El color principal marca la ficha activa y el secundario el metal del soporte. Da a cada ficha su propio color de papel en los datos y deja los códigos impresos como adorno junto a un nombre de sección claro.