fix: tema claro blanco, logo 4Ventures y menú original

Fondo blanco en la app; menú con labels/iconos originales; logo en sidebar y login.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
4Ventures
2026-09-24 09:53:36 +02:00
parent 6d1602bd68
commit 068faa3d25
33 changed files with 642 additions and 633 deletions

View File

@@ -82,11 +82,11 @@ export default async function CanalDashPage({
<div>
<Link
href="/dashboard/kpis"
className="inline-flex items-center gap-1.5 text-xs text-gray-400 hover:text-white mb-3"
className="inline-flex items-center gap-1.5 text-xs text-gray-400 hover:text-gray-900 mb-3"
>
<ArrowLeft className="w-3.5 h-3.5" /> Volver a métricas
</Link>
<h2 className="text-2xl font-bold text-white capitalize">
<h2 className="text-2xl font-bold text-gray-900 capitalize">
Canal · {channel}
</h2>
<p className="text-sm text-gray-400 mt-1">
@@ -103,18 +103,18 @@ export default async function CanalDashPage({
].map((s) => (
<div
key={s.label}
className="rounded-xl border border-gray-800 bg-[#111827] px-4 py-3"
className="rounded-xl border border-gray-200 bg-white px-4 py-3"
>
<p className="text-[10px] uppercase tracking-wider text-gray-500">
{s.label}
</p>
<p className="text-xl font-bold text-white mt-1">{s.value}</p>
<p className="text-xl font-bold text-gray-900 mt-1">{s.value}</p>
</div>
))}
</div>
<div className="rounded-xl border border-gray-800 bg-[#111827] p-5">
<h3 className="text-sm font-semibold text-white mb-3">
<div className="rounded-xl border border-gray-200 bg-white p-5">
<h3 className="text-sm font-semibold text-gray-900 mb-3">
Semanas ({points.length})
</h3>
{points.length === 0 ? (
@@ -124,10 +124,10 @@ export default async function CanalDashPage({
{points.map((p) => (
<li
key={p.week}
className="flex flex-wrap items-center justify-between gap-2 text-xs border border-gray-800 rounded-lg px-3 py-2"
className="flex flex-wrap items-center justify-between gap-2 text-xs border border-gray-200 rounded-lg px-3 py-2"
>
<span className="font-mono text-brand-400">{p.week}</span>
<span className="text-gray-300">
<span className="text-gray-600">
{formatEur(p.spend)} · {formatNum(p.leads)} leads · CPL{' '}
{p.cpl ? `${formatNum(p.cpl)} €` : '—'}
</span>