Aplica el sistema de diseño (nw-input/nw-btn/nw-card) a todas las páginas

Reemplazo masivo de los estilos sueltos repetidos por las clases del sistema visual
en ~20 componentes/páginas (auth, cuenta, servicios de personaje, foro, admin, voto):
- inputs -> .nw-input, botones primarios -> .nw-btn, tarjetas -> .nw-card.
Cohesión visual completa con la home y la cabecera.

Verificado: build OK, páginas clave 200/redirect correctos, clases aplicadas.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-07-13 00:13:22 +00:00
parent c9ba6c35e3
commit 3e47a3d240
21 changed files with 40 additions and 78 deletions
+3 -3
View File
@@ -47,15 +47,15 @@ export function AdminNewsManager({ initialNews }: { initialNews: NewsItem[] }) {
if (data.success) setNews(news.filter((n) => n.id !== id))
}
const field = 'w-full rounded border border-amber-900/60 bg-[#2c1e14] px-3 py-2'
const field = 'nw-input'
return (
<div>
<form onSubmit={create} className="mb-8 space-y-3 rounded-lg border border-amber-900/60 bg-[#241812] p-4">
<form onSubmit={create} className="mb-8 space-y-3 nw-card">
<input value={titulo} onChange={(e) => setTitulo(e.target.value)} placeholder={t('newsTitle')} maxLength={200} className={field} />
<textarea value={contenido} onChange={(e) => setContenido(e.target.value)} placeholder={t('newsContent')} rows={5} className={field} />
<input value={enlace} onChange={(e) => setEnlace(e.target.value)} placeholder={t('newsLink')} className={field} />
<button type="submit" disabled={busy} className="rounded bg-amber-600 px-4 py-2 font-semibold text-[#1b120b] disabled:opacity-60">
<button type="submit" disabled={busy} className="nw-btn disabled:opacity-60">
{busy ? t('creating') : t('create')}
</button>
{error && <p className="text-red-400">{error}</p>}