refactor: Update TableAutoCellRender component to adjust cell height and width for success and error values

This commit is contained in:
cristhianzl 2024-06-18 16:35:45 -03:00
commit a07224f30d
2 changed files with 6 additions and 16 deletions

View file

@ -30,7 +30,7 @@ export default function TableAutoCellRender({
variant="outline"
size="sq"
className={cn(
"min-w-min bg-success-background text-success-foreground hover:bg-success-background",
"h-[18px] w-full justify-center bg-success-background text-success-foreground hover:bg-success-background",
)}
>
{value}
@ -42,22 +42,10 @@ export default function TableAutoCellRender({
variant="outline"
size="sq"
className={cn(
"min-w-min bg-error-background text-error-foreground hover:bg-error-background",
"h-[18px] w-full justify-center bg-error-background text-error-foreground hover:bg-error-background",
)}
>
Success
</Badge>
);
} else if (value === "failure") {
return (
<Badge
variant="outline"
size="sq"
className={cn(
"min-w-min bg-error-background text-error-foreground hover:bg-error-background",
)}
>
Failure
{value}
</Badge>
);
} else {

View file

@ -24,13 +24,15 @@ export default function FlowLogsModal({
});
}, [open]);
console.log(rows);
return (
<BaseModal open={open} setOpen={setOpen} size="large">
<BaseModal.Header description="Inspect component executions.">
<div className="flex w-full justify-between">
<div className="flex h-fit w-32 items-center">
<span className="pr-2">Logs</span>
<IconComponent name="ScrollText" className="mr-2 h-4 w-4 " />
<IconComponent name="ScrollText" className="mr-2 h-4 w-4" />
</div>
<div className="flex h-fit w-32 items-center"></div>
</div>