refactor(automations-loading): update skeleton loading styles for improved alignment and consistency

This commit is contained in:
Anish Sarkar 2026-07-15 21:19:37 +05:30
parent 8aaf9cadbe
commit c7819f90d8

View file

@ -13,21 +13,18 @@ export function AutomationsLoadingRows() {
return (
<>
{ROW_KEYS.map((key) => (
<TableRow key={key} className="border-b border-border/60 hover:bg-transparent">
<TableCell className="px-4 md:px-6 py-3 border-r border-border/60">
<div className="flex flex-col gap-1.5">
<Skeleton className="h-4 w-40" />
<Skeleton className="h-3 w-56" />
</div>
<TableRow key={key} className="h-12 border-b border-border/60 hover:bg-transparent">
<TableCell className="px-4 md:px-6 py-2.5 border-r border-border/60 align-middle">
<Skeleton className="h-4 w-32 max-w-full md:w-40" />
</TableCell>
<TableCell className="px-4 py-3 border-r border-border/60 w-32">
<TableCell className="px-4 py-2.5 border-r border-border/60 w-32 align-middle">
<Skeleton className="h-5 w-16 rounded-md" />
</TableCell>
<TableCell className="hidden md:table-cell px-4 py-3 border-r border-border/60 w-40">
<TableCell className="hidden md:table-cell px-4 py-2.5 border-r border-border/60 w-40 align-middle">
<Skeleton className="h-3 w-20" />
</TableCell>
<TableCell className="px-4 md:px-6 py-3 w-16">
<Skeleton className="h-8 w-8 rounded-md ml-auto" />
<TableCell className="px-4 md:px-6 py-2.5 w-16 align-middle">
<Skeleton className="h-7 w-7 rounded-md ml-auto" />
</TableCell>
</TableRow>
))}