refactor: adjust column widths for status in DocumentsTableShell component

This commit is contained in:
Anish Sarkar 2026-02-06 15:26:54 +05:30
parent f0e1d73657
commit c8273cd413

View file

@ -372,11 +372,11 @@ export function DocumentsTableShell({
<Skeleton className="h-3 w-16" /> <Skeleton className="h-3 w-16" />
</TableHead> </TableHead>
)} )}
{columnVisibility.status && ( {columnVisibility.status && (
<TableHead className="w-20 text-center"> <TableHead className="w-14 text-center">
<Skeleton className="h-3 w-12 mx-auto" /> <Skeleton className="h-3 w-12 mx-auto" />
</TableHead> </TableHead>
)} )}
<TableHead className="w-10"> <TableHead className="w-10">
<span className="sr-only">Actions</span> <span className="sr-only">Actions</span>
</TableHead> </TableHead>
@ -415,7 +415,7 @@ export function DocumentsTableShell({
</TableCell> </TableCell>
)} )}
{columnVisibility.status && ( {columnVisibility.status && (
<TableCell className="w-20 py-2.5 text-center"> <TableCell className="w-14 py-2.5 text-center">
<Skeleton className="h-5 w-5 mx-auto rounded-full" /> <Skeleton className="h-5 w-5 mx-auto rounded-full" />
</TableCell> </TableCell>
)} )}
@ -544,14 +544,14 @@ export function DocumentsTableShell({
</SortableHeader> </SortableHeader>
</TableHead> </TableHead>
)} )}
{columnVisibility.status && ( {columnVisibility.status && (
<TableHead className="w-20"> <TableHead className="w-14">
<span className="flex items-center gap-1.5 text-sm font-medium text-muted-foreground/70"> <span className="flex items-center gap-1.5 text-sm font-medium text-muted-foreground/70">
<BadgeInfo size={14} className="opacity-60 text-muted-foreground" /> <BadgeInfo size={14} className="opacity-60 text-muted-foreground" />
Status Status
</span> </span>
</TableHead> </TableHead>
)} )}
<TableHead className="w-10"> <TableHead className="w-10">
<span className="sr-only">Actions</span> <span className="sr-only">Actions</span>
</TableHead> </TableHead>
@ -647,11 +647,11 @@ export function DocumentsTableShell({
</Tooltip> </Tooltip>
</TableCell> </TableCell>
)} )}
{columnVisibility.status && ( {columnVisibility.status && (
<TableCell className="w-20 py-2.5 text-center"> <TableCell className="w-14 py-2.5 text-center">
<StatusIndicator status={doc.status} /> <StatusIndicator status={doc.status} />
</TableCell> </TableCell>
)} )}
<TableCell className="w-10 py-2.5 text-center"> <TableCell className="w-10 py-2.5 text-center">
<RowActions <RowActions
document={doc} document={doc}