diff --git a/web-next/app/globals.css b/web-next/app/globals.css index ae53c3f..34377c4 100644 --- a/web-next/app/globals.css +++ b/web-next/app/globals.css @@ -635,7 +635,12 @@ textarea:focus { background: rgba(0, 0, 0, 0.6); display: flex; align-items: center; justify-content: center; } -.modal-content { +/* Acotada al overlay a propósito: el tema trae su propia `.modal-content` + (hoja pegada al fondo, borde gris) para un `.modal` que aquí ya no usa + nadie. Como theme.css se importa el último, a igual especificidad ganaba + él y este bloque no pintaba nada. `.modal-div .modal-content` (0,2,0) le + gana al (0,1,0) del tema sin depender del orden de carga. */ +.modal-div .modal-content { position: relative; background: #17110e; border: 2px solid #d79602; @@ -643,6 +648,9 @@ textarea:focus { padding: 26px 30px; max-width: 90vw; min-width: 260px; text-align: center; + /* el tema las aplica vía su `.modal-content`; sin esto se cuelan */ + left: auto; bottom: auto; width: auto; + margin: 0; transform: none; animation: none; } .modal-close { position: absolute; top: 6px; right: 12px; diff --git a/web-next/components/StoreBrowser.tsx b/web-next/components/StoreBrowser.tsx index 87d955c..670289d 100644 --- a/web-next/components/StoreBrowser.tsx +++ b/web-next/components/StoreBrowser.tsx @@ -411,7 +411,13 @@ export function StoreBrowser({
- {formError &&
{formError}
} + {/* `display:block` a mano: el tema deja `.alert-message` OCULTA + (display:none) para que la rellene y la revele el JS. Sin esto la + caja se pintaba pero NO se veía: al pulsar «Mostrar regalos» no + salía ningún error. El resto de formularios ya lo hacen así. */} +
+ {formError && {formError}} +
)}