consultoria-as/HoruxDespachosNuevo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(reportes): aumenta tamaño de fuentes en drill-down modal

Browse Source 
- Tabla: text-sm -> text-base
- Celdas: text-xs -> text-sm
- Padding celdas: py-2 -> py-3
- Icono Eye: h-4 w-4 -> h-5 w-5
- UUID truncado: 8 -> 12 chars para aprovechar fuente más grande
- Anchos de truncate aumentados para compensar
This commit is contained in:
Horux Dev
2026-05-16 00:07:52 +00:00
parent 552a7c7716
commit 0bde43a309
1 changed files with 18 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
apps/web/app/(dashboard)/reportes/components/drill-down-modal.tsx
View File

@@ -126,12 +126,12 @@ export function EstadoResultadosDrillDownModal({
) : ( ) : (
<> <>
<div className="flex items-center justify-between mb-4"> <div className="flex items-center justify-between mb-4">
<p className="text-sm text-muted-foreground"> <p className="text-base text-muted-foreground">
{resumen.length > 0 {resumen.length > 0
? `${resumen.length} RFCs encontrados` ? `${resumen.length} RFCs encontrados`
: `${cfdis.length} CFDIs encontrados`} : `${cfdis.length} CFDIs encontrados`}
</p> </p>
<div className="flex items-center gap-4 text-sm"> <div className="flex items-center gap-4 text-base">
<span> <span>
Total: <strong>{formatCurrency(totalMonto)}</strong> Total: <strong>{formatCurrency(totalMonto)}</strong>
</span> </span>
@@ -143,7 +143,7 @@ export function EstadoResultadosDrillDownModal({
</div> </div>
<div className="overflow-x-auto"> <div className="overflow-x-auto">
<table className="w-full text-sm"> <table className="w-full text-base">
<thead> <thead>
<tr className="border-b text-left text-muted-foreground"> <tr className="border-b text-left text-muted-foreground">
{resumen.length > 0 ? ( {resumen.length > 0 ? (
@@ -179,35 +179,35 @@ export function EstadoResultadosDrillDownModal({
setSelectedNombre(item.nombre); setSelectedNombre(item.nombre);
}} }}
> >
<td className="py-2 font-mono text-xs">{item.rfc}</td> <td className="py-3 font-mono text-sm">{item.rfc}</td>
<td className="py-2 text-xs truncate max-w-[200px]">{item.nombre}</td> <td className="py-3 text-sm truncate max-w-[280px]">{item.nombre}</td>
<td className="py-2 text-right text-xs">{item.cantidad}</td> <td className="py-3 text-right text-sm">{item.cantidad}</td>
<td className="py-2 text-right text-xs font-medium"> <td className="py-3 text-right text-sm font-medium">
{formatCurrency(item.monto)} {formatCurrency(item.monto)}
</td> </td>
<td className="py-2 text-right"> <td className="py-3 text-right">
<Eye className="h-4 w-4 text-muted-foreground" /> <Eye className="h-5 w-5 text-muted-foreground" />
</td> </td>
</tr> </tr>
)) ))
: cfdis.map((item) => ( : cfdis.map((item) => (
<tr key={item.id} className="border-b hover:bg-muted/50"> <tr key={item.id} className="border-b hover:bg-muted/50">
<td className="py-2 font-mono text-xs" title={item.uuid}> <td className="py-3 font-mono text-sm" title={item.uuid}>
{item.uuid?.substring(0, 8)} {item.uuid?.substring(0, 12)}
</td> </td>
<td className="py-2 text-xs font-mono">{item.tipoComprobante}</td> <td className="py-3 text-sm font-mono">{item.tipoComprobante}</td>
<td className="py-2 text-xs"> <td className="py-3 text-sm">
{new Date(item.fechaEmision).toLocaleDateString('es-MX')} {new Date(item.fechaEmision).toLocaleDateString('es-MX')}
</td> </td>
<td className="py-2 font-mono text-xs">{item.rfcEmisor}</td> <td className="py-3 font-mono text-sm">{item.rfcEmisor}</td>
<td className="py-2 text-xs truncate max-w-[120px]"> <td className="py-3 text-sm truncate max-w-[180px]">
{item.nombreEmisor} {item.nombreEmisor}
</td> </td>
<td className="py-2 font-mono text-xs">{item.rfcReceptor}</td> <td className="py-3 font-mono text-sm">{item.rfcReceptor}</td>
<td className="py-2 text-xs truncate max-w-[120px]"> <td className="py-3 text-sm truncate max-w-[180px]">
{item.nombreReceptor} {item.nombreReceptor}
</td> </td>
<td className="py-2 text-right text-xs font-medium"> <td className="py-3 text-right text-sm font-medium">
{formatCurrency(item.monto)} {formatCurrency(item.monto)}
</td> </td>
</tr> </tr>