web-next: corregir altura de los <select> (60px → 40px)

El override box-sizing:content-box incluía `select`, agrandándolo a 60px de
alto y 320px de ancho. El default del navegador para <select> es border-box
(40px), igual que la web original sin Tailwind. Se quita `select` del override
(los inputs de texto siguen en content-box, que sí es su default). Corrige el
campo de /download-client y todos los selects del sitio (recover, admin,
servicios de personaje).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-07-13 12:28:12 +00:00
parent 5da124cf28
commit 52370f7e75
+6 -5
View File
@@ -23,17 +23,18 @@
/* El tema nw-ryu se diseñó para los defaults del navegador (igual que la web
Django, que NO usa Tailwind). El preflight de Tailwind rompe dos cosas:
1) box-sizing:border-box hace que la height fija de los inputs incluya el
padding → campos aplastados. Volvemos a content-box en los inputs/select
que estiliza el tema (los de .admin-form conservan border-box por su
mayor especificidad).
padding → campos aplastados. Volvemos a content-box SOLO en los inputs de
texto que estiliza el tema (el navegador les da content-box por defecto,
como la web Django sin Tailwind; los de .admin-form conservan border-box
por su mayor especificidad). OJO: `select` NO va aquí — su default del
navegador es border-box (40px); forzarlo a content-box lo agranda a 60px.
2) border-collapse:collapse anula el border-spacing de las tablas del tema
(middle-center-table, etc.) → filas pegadas. Volvemos a separate.
Reglas SIN capa: ganan al preflight de Tailwind (que va en @layer base). */
input[type='text'],
input[type='email'],
input[type='password'],
input[type='number'],
select {
input[type='number'] {
box-sizing: content-box;
}
table {