Header: restaurar content-box en el nav (tamaño como el original)
El tema nw-ryu se diseñó para content-box; los items del nav usan min-width:126px + padding:24px (ancho total 174px). El preflight de Tailwind fuerza border-box, que mete el padding dentro del min-width -> items ~48px más estrechos y header apretado respecto a ultimowow.com. Se revierte a content-box en .nav-bar a / .nav-dropdown-btn / .nav-dropdown-content a (mismo patrón que ya se hizo con inputs/tablas/img). Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -48,6 +48,16 @@ table {
|
||||
img {
|
||||
display: inline;
|
||||
}
|
||||
/* 4) La barra de navegación se diseñó para content-box: sus enlaces/botones usan
|
||||
`min-width: 126px` + `padding: 24px`, así que con el border-box del preflight
|
||||
quedan ~48px más estrechos (contenido 78px) y el header sale apretado/pequeño
|
||||
respecto al original. Volvemos a content-box en los elementos del nav para que
|
||||
el ancho coincida con la web original (126 + 48 = 174px). */
|
||||
.nav-bar a,
|
||||
.nav-dropdown-btn,
|
||||
.nav-dropdown-content a {
|
||||
box-sizing: content-box;
|
||||
}
|
||||
|
||||
/* Componentes reutilizables */
|
||||
@layer components {
|
||||
|
||||
Reference in New Issue
Block a user