Diseño visual: tema NovaWoW (tokens Tailwind), hero en la home, cabecera pulida
- globals.css: tokens @theme (nw-bg/panel/border/gold/text/muted), fondo con degradado + brillo radial, y componentes reutilizables (.nw-btn, .nw-btn-ghost, .nw-card, .nw-heading con oro degradado). - Header: sticky con backdrop-blur y marca en oro degradado. - Home: sección hero (nombre del server + tagline + CTAs Crear cuenta / Foros) y estado del servidor + noticias en tarjetas (nw-card). Textos hero en catálogos. Verificado: build OK, home renderiza el hero/tarjetas, los tokens nw compilan en el CSS. Sistema visual base listo para aplicar al resto de páginas. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -10,9 +10,9 @@ export async function Header() {
|
||||
const loggedIn = Boolean(session.username)
|
||||
|
||||
return (
|
||||
<header className="border-b border-amber-900/50 bg-[#241812]">
|
||||
<header className="sticky top-0 z-50 border-b border-nw-border/60 bg-nw-bg/80 backdrop-blur supports-[backdrop-filter]:bg-nw-bg/60">
|
||||
<div className="mx-auto flex max-w-5xl items-center justify-between gap-4 px-4 py-3">
|
||||
<Link href="/" className="text-xl font-bold tracking-wide text-amber-500">
|
||||
<Link href="/" className="nw-heading text-xl">
|
||||
Nova WoW
|
||||
</Link>
|
||||
<nav className="flex items-center gap-4 text-sm">
|
||||
|
||||
Reference in New Issue
Block a user