Reduce the spacing, add scrolling ability to ErrorCard

This commit is contained in:
2024-05-09 02:19:20 -05:00
parent 31c8062715
commit 47bb9cb7f3

View File

@@ -16,15 +16,15 @@ const ErrorCard: FunctionComponent<ErrorCardProps> = ({
className,
}) => {
return (
<div className={clsx(className, "rounded-md border border-red-700/30 bg-zinc-800 p-4")}>
<div className={clsx(className, "rounded-md border border-red-700/30 bg-zinc-800 pt-3 px-3 pb-1")}>
<div className="flex">
<div className="flex-shrink-0">
<XCircleIcon className="h-5 w-5 text-red-300" aria-hidden="true" />
</div>
<div className="ml-3 text-sm text-red-300">
<div className="ml-3 text-sm text-red-300 w-full">
<h3 className="font-medium text-red-200">{title}</h3>
{description != undefined ? (
<div className="mt-2 whitespace-pre-wrap" >{description}</div>
<div className="mt-2 whitespace-pre-wrap max-h-24 overflow-y-auto w-full" >{description}</div>
) : null}
<div className="mt-2">
{issues != undefined ? (