esdras/sistema-de-chamados
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Adjust tickets table spacing and company truncation

Browse source
This commit is contained in:
Esdras Renan 2025-10-08 00:14:22 -03:00
parent 51b38eb608
commit 8d515d118c
1 changed files with 7 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/components/tickets/tickets-table.tsx
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">
Assunto
</TableHead>
<TableHead className="hidden w-[120px] pl-1 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-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">
Fila
</TableHead>
<TableHead className="hidden w-[80px] 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-[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">
Canal
</TableHead>
<TableHead className="hidden w-[180px] pl-1 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-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">
Empresa
</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">
@ -217,12 +217,12 @@ export function TicketsTable({ tickets = ticketsMock }: TicketsTableProps) {
</div>
</div>
</TableCell>
<TableCell className={`${cellClass} hidden lg:table-cell pl-0`}>
<TableCell className={`${cellClass} hidden lg:table-cell pl-4`}>
<span className="text-sm font-semibold text-neutral-800">
{ticket.queue ?? "Sem fila"}
</span>
</TableCell>
<TableCell className={`${cellClass} hidden md:table-cell pl-1`}>
<TableCell className={`${cellClass} hidden md:table-cell pl-4`}>
<div className="flex items-center">
<span className="sr-only">Canal {channelLabel[ticket.channel]}</span>
<span
@ -234,8 +234,8 @@ export function TicketsTable({ tickets = ticketsMock }: TicketsTableProps) {
</span>
</div>
</TableCell>
<TableCell className={`${cellClass} hidden lg:table-cell pl-1`}>
<span className="text-sm text-neutral-800">
<TableCell className={`${cellClass} hidden lg:table-cell pl-4`}>
<span className="max-w-[180px] truncate text-sm text-neutral-800" title={(ticket as any).company?.name ?? "—"}>
{(ticket as any).company?.name ?? "—"}
</span>
</TableCell>