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