Increase spacing for tickets table columns

This commit is contained in:
Esdras Renan 2025-10-08 00:15:36 -03:00
parent 8d515d118c
commit 22848b0708

View file

@ -142,13 +142,13 @@ export function TicketsTable({ tickets = ticketsMock }: TicketsTableProps) {
<TableHead className="w-[40%] px-4 py-3 text-left text-[11px] font-semibold uppercase tracking-wide text-neutral-600 first:pl-6 last:pr-6"> <TableHead className="w-[40%] px-4 py-3 text-left text-[11px] font-semibold uppercase tracking-wide text-neutral-600 first:pl-6 last:pr-6">
Assunto Assunto
</TableHead> </TableHead>
<TableHead className="hidden w-[120px] pl-4 pr-3 py-3 text-left text-[11px] font-semibold uppercase tracking-wide text-neutral-600 first:pl-6 last:pr-6 lg:table-cell"> <TableHead className="hidden w-[120px] pl-8 pr-3 py-3 text-left text-[11px] font-semibold uppercase tracking-wide text-neutral-600 first:pl-6 last:pr-6 lg:table-cell">
Fila Fila
</TableHead> </TableHead>
<TableHead className="hidden w-[80px] pl-4 pr-3 py-3 text-left text-[11px] font-semibold uppercase tracking-wide text-neutral-600 first:pl-6 last:pr-6 md:table-cell"> <TableHead className="hidden w-[80px] pl-8 pr-3 py-3 text-left text-[11px] font-semibold uppercase tracking-wide text-neutral-600 first:pl-6 last:pr-6 md:table-cell">
Canal Canal
</TableHead> </TableHead>
<TableHead className="hidden w-[180px] pl-4 pr-3 py-3 text-left text-[11px] font-semibold uppercase tracking-wide text-neutral-600 first:pl-6 last:pr-6 lg:table-cell"> <TableHead className="hidden w-[180px] pl-8 pr-3 py-3 text-left text-[11px] font-semibold uppercase tracking-wide text-neutral-600 first:pl-6 last:pr-6 lg:table-cell">
Empresa Empresa
</TableHead> </TableHead>
<TableHead className="hidden w-[100px] pl-1 pr-3 py-3 text-left text-[11px] font-semibold uppercase tracking-wide text-neutral-600 first:pl-6 last:pr-6 md:table-cell"> <TableHead className="hidden w-[100px] pl-1 pr-3 py-3 text-left text-[11px] font-semibold uppercase tracking-wide text-neutral-600 first:pl-6 last:pr-6 md:table-cell">
@ -217,12 +217,12 @@ export function TicketsTable({ tickets = ticketsMock }: TicketsTableProps) {
</div> </div>
</div> </div>
</TableCell> </TableCell>
<TableCell className={`${cellClass} hidden lg:table-cell pl-4`}> <TableCell className={`${cellClass} hidden lg:table-cell pl-8`}>
<span className="text-sm font-semibold text-neutral-800"> <span className="text-sm font-semibold text-neutral-800">
{ticket.queue ?? "Sem fila"} {ticket.queue ?? "Sem fila"}
</span> </span>
</TableCell> </TableCell>
<TableCell className={`${cellClass} hidden md:table-cell pl-4`}> <TableCell className={`${cellClass} hidden md:table-cell pl-8`}>
<div className="flex items-center"> <div className="flex items-center">
<span className="sr-only">Canal {channelLabel[ticket.channel]}</span> <span className="sr-only">Canal {channelLabel[ticket.channel]}</span>
<span <span
@ -234,8 +234,8 @@ export function TicketsTable({ tickets = ticketsMock }: TicketsTableProps) {
</span> </span>
</div> </div>
</TableCell> </TableCell>
<TableCell className={`${cellClass} hidden lg:table-cell pl-4`}> <TableCell className={`${cellClass} hidden lg:table-cell pl-8`}>
<span className="max-w-[180px] truncate text-sm text-neutral-800" title={(ticket as any).company?.name ?? "—"}> <span className="max-w-[160px] truncate text-sm text-neutral-800" title={(ticket as any).company?.name ?? "—"}>
{(ticket as any).company?.name ?? "—"} {(ticket as any).company?.name ?? "—"}
</span> </span>
</TableCell> </TableCell>