xevion/rdap
1
0
Fork 0
mirror of https://github.com/Xevion/rdap.git synced 2025-12-09 06:08:11 -06:00
Code Issues Packages Projects Releases Wiki Activity

Reduce the spacing, add scrolling ability to ErrorCard

Browse Source
This commit is contained in:
Xevion
2024-05-09 02:19:20 -05:00
parent 31c8062715
commit 47bb9cb7f3
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/common/ErrorCard.tsx
View File

@@ -16,15 +16,15 @@ const ErrorCard: FunctionComponent<ErrorCardProps> = ({
className, className,
}) => { }) => {
return ( 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">
<div className="flex-shrink-0"> <div className="flex-shrink-0">
<XCircleIcon className="h-5 w-5 text-red-300" aria-hidden="true" /> <XCircleIcon className="h-5 w-5 text-red-300" aria-hidden="true" />
</div> </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> <h3 className="font-medium text-red-200">{title}</h3>
{description != undefined ? ( {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} ) : null}
<div className="mt-2"> <div className="mt-2">
{issues != undefined ? ( {issues != undefined ? (