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

17
src/components/ui.tsx
View File

@@ -16,15 +16,15 @@ export function PageHeader({
<div className="mb-6 md:mb-8 flex flex-col gap-4 sm:flex-row sm:items-end sm:justify-between">
<div className="min-w-0 space-y-1.5">
{eyebrow ? (
<p className="text-[10px] font-semibold uppercase tracking-[0.16em] text-brand-400/90">
<p className="text-[10px] font-semibold uppercase tracking-[0.16em] text-brand-600">
{eyebrow}
</p>
) : null}
<h1 className="text-2xl md:text-3xl font-semibold tracking-tight text-white text-balance">
<h1 className="text-2xl md:text-3xl font-semibold tracking-tight text-gray-900 text-balance">
{title}
</h1>
{description ? (
<p className="text-sm text-gray-400 max-w-2xl leading-relaxed">
<p className="text-sm text-gray-500 max-w-2xl leading-relaxed">
{description}
</p>
) : null}
@@ -36,7 +36,7 @@ export function PageHeader({
);
}
/** Superficie de contenido estándar (sustituye cards sueltas inconsistentes). */
/** Superficie de contenido estándar. */
export function Surface({
children,
className = '',
@@ -48,7 +48,7 @@ export function Surface({
}) {
return (
<div
className={`rounded-2xl border border-white/[0.06] bg-card/80 ${
className={`rounded-2xl border border-gray-200 bg-white shadow-sm ${
padded ? 'p-4 md:p-5' : ''
} ${className}`}
>
@@ -66,7 +66,7 @@ export function SectionTitle({
}) {
return (
<div className="mb-3">
<h2 className="text-base font-semibold text-white">{title}</h2>
<h2 className="text-base font-semibold text-gray-900">{title}</h2>
{description ? (
<p className="text-xs text-gray-500 mt-0.5">{description}</p>
) : null}
@@ -74,7 +74,6 @@ export function SectionTitle({
);
}
/** Estado vacío / aviso de contexto reutilizable. */
export function EmptyState({
title,
description,
@@ -83,8 +82,8 @@ export function EmptyState({
description?: string;
}) {
return (
<div className="rounded-2xl border border-dashed border-white/[0.1] bg-white/[0.02] px-6 py-10 text-center">
<p className="text-sm font-medium text-gray-200">{title}</p>
<div className="rounded-2xl border border-dashed border-gray-300 bg-gray-50 px-6 py-10 text-center">
<p className="text-sm font-medium text-gray-800">{title}</p>
{description ? (
<p className="text-xs text-gray-500 mt-1.5 max-w-md mx-auto leading-relaxed">
{description}