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 {
|
img {
|
||||||
display: inline;
|
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 */
|
/* Componentes reutilizables */
|
||||||
@layer components {
|
@layer components {
|
||||||
|
|||||||
Reference in New Issue
Block a user