Marketing/4ventures-client-portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files

32
src/components/CrmDashboard.tsx
View File

@@ -103,7 +103,7 @@ export default function CrmDashboard({
actions={
<div className="flex items-center gap-2">
<CalendarRange className="w-4 h-4 text-gray-500" />
<div className="flex gap-1 rounded-lg border border-white/[0.08] p-0.5 bg-black/20">
<div className="flex gap-1 rounded-lg border border-white/[0.08] p-0.5 bg-gray-50">
{(
[
['7d', '7d'],
@@ -173,13 +173,13 @@ export default function CrmDashboard({
].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"
>
<div className="flex items-center justify-between text-gray-500 mb-1">
<p className="text-[10px] uppercase tracking-wider">{s.label}</p>
{s.icon}
</div>
<p className="text-xl font-bold text-white">{s.value}</p>
<p className="text-xl font-bold text-gray-900">{s.value}</p>
</div>
))}
</div>
@@ -188,9 +188,9 @@ export default function CrmDashboard({
</p>
{/* % cliente por canal — paid first */}
<section className="bg-[#111827] border border-gray-800 rounded-xl p-5 space-y-3">
<section className="bg-white border border-gray-200 rounded-xl p-5 space-y-3">
<div>
<h3 className="text-sm font-semibold text-white">
<h3 className="text-sm font-semibold text-gray-900">
% a cliente por canal
</h3>
<p className="text-[11px] text-gray-500 mt-0.5">
@@ -220,14 +220,14 @@ export default function CrmDashboard({
</section>
{/* Funnel statuses */}
<section className="bg-[#111827] border border-gray-800 rounded-xl p-5 space-y-3">
<h3 className="text-sm font-semibold text-white">Funnel por estado</h3>
<section className="bg-white border border-gray-200 rounded-xl p-5 space-y-3">
<h3 className="text-sm font-semibold text-gray-900">Funnel por estado</h3>
{statusRows.length === 0 ? (
<p className="text-xs text-gray-500 py-4 text-center">Sin datos.</p>
) : (
<div className="overflow-x-auto">
<table className="w-full text-left text-xs">
<thead className="text-gray-500 border-b border-gray-800">
<thead className="text-gray-500 border-b border-gray-200">
<tr>
<th className="py-2 pr-3 font-medium">Estado</th>
<th className="py-2 pr-3 font-medium">Leads</th>
@@ -240,13 +240,13 @@ export default function CrmDashboard({
key={row.status}
className="border-b border-gray-900 hover:bg-white/[0.02]"
>
<td className="py-2.5 pr-3 text-gray-200 capitalize">
<td className="py-2.5 pr-3 text-gray-800 capitalize">
{row.status}
</td>
<td className="py-2.5 pr-3 text-gray-200">
<td className="py-2.5 pr-3 text-gray-800">
{formatNum(row.count)}
</td>
<td className="py-2.5 text-gray-200">
<td className="py-2.5 text-gray-800">
{row.pct.toFixed(1)}%
</td>
</tr>
@@ -290,7 +290,7 @@ function ChannelTable({
{title}
</p>
<table className="w-full text-left text-xs">
<thead className="text-gray-500 border-b border-gray-800">
<thead className="text-gray-500 border-b border-gray-200">
<tr>
<th className="py-2 pr-3 font-medium">Canal</th>
<th className="py-2 pr-3 font-medium">Leads</th>
@@ -313,7 +313,7 @@ function ChannelTable({
<td className="py-2.5 pr-3 text-brand-300 font-semibold capitalize">
{row.channel}
</td>
<td className="py-2.5 pr-3 text-gray-200">
<td className="py-2.5 pr-3 text-gray-800">
{formatNum(row.leads)}
</td>
<td className="py-2.5 pr-3 text-emerald-300 font-medium">
@@ -324,13 +324,13 @@ function ChannelTable({
>
{row.clienteRate.toFixed(1)}%
</td>
<td className="py-2.5 pr-3 text-gray-200">
<td className="py-2.5 pr-3 text-gray-800">
{formatNum(row.enOportunidad)}
</td>
<td className="py-2.5 pr-3 text-gray-200">
<td className="py-2.5 pr-3 text-gray-800">
{formatNum(row.leadFrio)}
</td>
<td className="py-2.5 pr-3 text-gray-200">
<td className="py-2.5 pr-3 text-gray-800">
{formatNum(row.leadPerdido)}
</td>
<td className="py-2.5 text-gray-400">