Adjust tickets table spacing and company truncation
This commit is contained in:
parent
51b38eb608
commit
8d515d118c
1 changed files with 7 additions and 7 deletions
|
|
@ -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-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
|
Fila
|
||||||
</TableHead>
|
</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
|
Canal
|
||||||
</TableHead>
|
</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
|
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-0`}>
|
<TableCell className={`${cellClass} hidden lg:table-cell pl-4`}>
|
||||||
<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-1`}>
|
<TableCell className={`${cellClass} hidden md:table-cell pl-4`}>
|
||||||
<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-1`}>
|
<TableCell className={`${cellClass} hidden lg:table-cell pl-4`}>
|
||||||
<span className="text-sm text-neutral-800">
|
<span className="max-w-[180px] 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>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue