web-next: selector de personaje coloreado + rediseño unstuck + fixes vote/account-info

- CharacterSelect: componente reutilizable que colorea las opciones por clase
  (class="priest big-font"…) y el <select> con la clase seleccionada. Usado en
  unstuck, revive, gold, transfer, trade-points, servicios de pago y recruit.
  getGameCharacters ahora devuelve classCss.
- /unstuck (+revive): diseño del original (info + NOTA, prompt, opciones coloreadas,
  botón "Desbloqueado"/"Revivido" con refresh).
- /vote-points: seed de los 4 sitios con logos y URLs (sql/seed_votesites.sql);
  botón voted-button para sitios en cooldown; etiqueta "Nota:" separada.
- account-info.png (imagen nueva) y CSS de los paneles de cuenta: se añade
  background-blend-mode: saturation y background-size en #account-settings y
  .account-fieldset para que la imagen salga como el original.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-07-14 10:55:43 +00:00
parent b9803adeb9
commit 6ca94c2803
22 changed files with 227 additions and 86 deletions
+9 -1
View File
@@ -20,7 +20,15 @@ export default async function RevivePage({ params }: { params: Promise<{ locale:
return (
<PageShell title={t('reviveTitle')}>
<ServiceBox>
<CharacterActionForm characters={chars.map((c) => c.name)} endpoint="/api/character/revive" actionLabel={t('reviveAction')} buttonClass="revive-button" />
<CharacterActionForm
characters={chars.map((c) => ({ name: c.name, classCss: c.classCss }))}
endpoint="/api/character/revive"
actionLabel={t('reviveAction')}
processingLabel={t('reviveProcessing')}
doneLabel={t('reviveDone')}
promptText={t('reviveChoose')}
buttonClass="revive-button"
/>
</ServiceBox>
</PageShell>
)