Skip to content

fix(portal_ti/sistemas/proyectos): simetría de tarjetas del dashboard

Rafael Bautista requested to merge ti into qa

Las tarjetas del dashboard de Proyectos TI quedaban con alturas distintas entre sí dentro de cada fila de grid: las KPIs con footer (Total y Avance en desarrollo) eran más altas que las simples (En desarrollo, Mantenimiento, En riesgo), y los charts emparejados calculaban su altura de forma independiente, generando pares asimétricos.

Cambios:

  • OaeCards.tsx: OaeKpiCard, OaeMoneyCard y OaeCard ahora aplican 'h-full flex flex-col' para crecer al alto del item de grid.
  • page.tsx: 'h-full' propagado en todos los wrappers animate-fade-up que viven dentro de un grid (KPIs, donas, charts, listas).
  • KpiTotal y KpiAvanceHonesto: 'h-full flex flex-col' para igualarse al resto de KPIs.
  • Charts emparejados (avance vs riesgo por portafolio, carga vs por tipo): nuevos useMemo (portafolioRowHeight, cargaRowHeight) que toman Math.max entre los dos datasets de cada fila para que ambos ResponsiveContainer compartan la misma altura.

Merge request reports