Skip to content

Homologa las KPI cards de OaeCards al canon de Finanzas

Infraestructura requested to merge feat/homologa-kpi-cards into qa

Reportado con capturas: Juridico Corporativo se veia de otro producto frente a Tesoreria. La causa no era la paleta ni la tipografia general — era que esas vistas NO usan el PremiumKpiCard canonico sino OaeCards, que esta duplicado en tres portales y habia derivado a un lenguaje visual propio.

Comparacion contra PremiumKpiCard (portal_finanzas):

aspecto OaeCards (OAE) canon Finanzas label text-[10px] font-bold text-[11px] font-medium tracking-[0.2em] tracking-widest color = iconColor <-- clave color = var(--text-muted) valor text-[64px] font-black text-[36px]/[40px] font-bold glow radial enorme abajo-derecha chico arriba-derecha, solo dark opacidad 25% -> 60% opacidad .22 -> .42 barra inferior degradado animado por card no existe radio / pad 18px / p-6 / minHeight 168 16px / p-5 / sin alto fijo icono w-7 rounded-md, rota al hover w-8 rounded-lg

El label pintado con el color del icono es lo que hacia que cada card gritara un color distinto (TOTAL MARCAS morado, VIGENTES verde, VENCIDAS rojo...). En el canon el color es significado, no decoracion: la etiqueta se retira en --text-muted y el protagonista es el numero.

Aplicado a OaeKpiCard, OaeMoneyCard y OaeCard en:

  • frontend/components/dashboard/OaeCards.tsx (OAE)
  • portal_juridico/components/dashboard/OaeCards.tsx (34px -> 36/40, label)

Alcance visible: Juridico Contencioso y Trato (OAE), Juridico Corporativo —Marcas y Libros y titulos—, Prestamos, y TI Licenciamiento y Proyectos.

Verificacion: npm run build OK en frontend y portal_juridico.

Co-Authored-By: Claude Opus 5 (1M context) noreply@anthropic.com

Merge request reports