store: corrige la errata "Sacedorte" e iguala el ancho del cuadro de ítem

Dos arreglos pendientes que quedaron señalados:

1. "Sacedorte" era una errata de "Sacerdote" en tres categorías (3-10, 4-10 y
   19-9; la 20-9 estaba bien). Se veía así en la web en español. Corregido en la
   BD y, sobre todo, en el seed `store_catalog.sql`, que la traía 3 veces: sin
   eso, reconstruir la BD la resucitaba. Regenerado store_category_en.sql (217
   nombres distintos en vez de 218: las dos grafías ya son una).
   Un escaneo por parecido contra los términos oficiales de los DB2 confirma que
   era la única errata; el resto de casi-coincidencias son plurales legítimos
   ("Espadas" vs el "Espada" del juego).

2. El cuadro del ítem medía 160px y el del store original 200. Igualado. Solo
   afecta a /store: send-gift fija las columnas de su rejilla a 160px y hace
   width:auto, y se ha comprobado que sigue midiendo 160.
   Con solo cambiar la anchura se quedaba en 200 en vez de 214: el tema se
   diseñó para el content-box del navegador y el preflight de Tailwind mete
   border-box, así que el padding y el borde dejaban de sumar (el mismo problema
   que ya estaba arreglado para los inputs). Se restaura content-box solo en la
   tienda, porque en la rejilla de send-gift desbordaría las columnas.

Medido en el navegador: el cuadro pasa a 214px de ancho, que es lo que mide el
del original (213 en la captura). send-gift sigue en 160.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-07-15 08:54:09 +00:00
parent bb0f4f21c1
commit 1752e74581
5 changed files with 16 additions and 8 deletions
+7
View File
@@ -552,6 +552,13 @@ textarea:focus {
gap: 0 5px;
margin: 8px 0 8px 10px;
}
/* Mismo problema que con los inputs de arriba: el tema se diseñó para el
content-box del navegador, y el preflight de Tailwind mete border-box. Los
200px de `.item-box` son los del original, que con su padding y su borde
miden 214; con border-box se quedaban en 200. Se restaura SOLO en la tienda:
en send-gift el .item-box va con width:auto dentro de una rejilla de columnas
de 160px, y ahí el content-box sumaría el padding y la desbordaría. */
#store-list .item-box { box-sizing: content-box; }
/* El tema esconde #store-div y los <ul> anidados (`display:none`) porque el store
original los revelaba con jQuery (.show()/slideToggle()). Aquí la visibilidad la
decide React montándolos, así que hay que deshacer ese display:none del tema