mirror of
https://github.com/Xevion/rdap.git
synced 2025-12-07 03:16:08 -06:00
Reduce the spacing, add scrolling ability to ErrorCard
This commit is contained in:
@@ -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 ? (
|
||||
|
||||
Reference in New Issue
Block a user