fix: Overflowing loader in issue edit modal (#4720)

This commit is contained in:
guru_sainath 2024-06-06 17:46:49 +05:30 committed by GitHub
parent c18a6a9654
commit 9af9268be6
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -413,9 +413,9 @@ export const IssueFormRoot: FC<IssueFormProps> = observer((props) => {
/>
<span className="text-xs text-red-500">{errors?.name?.message}</span>
</div>
<div className="border-[0.5px] border-custom-border-200 rounded-lg">
<div className="border-[0.5px] border-custom-border-200 rounded-lg relative">
{data?.description_html === undefined ? (
<Loader className="min-h-[7rem] space-y-2 overflow-hidden rounded-md border border-custom-border-200 p-2 py-2">
<Loader className="min-h-[150px] max-h-64 space-y-2 overflow-hidden rounded-md border border-custom-border-200 p-3 py-2 pt-3">
<Loader.Item width="100%" height="26px" />
<div className="flex items-center gap-2">
<Loader.Item width="26px" height="26px" />
@ -429,7 +429,7 @@ export const IssueFormRoot: FC<IssueFormProps> = observer((props) => {
<div className="flex items-center gap-2">
<Loader.Item width="50%" height="26px" />
</div>
<div className="border-0.5 absolute bottom-3.5 right-3.5 z-10 flex items-center gap-2">
<div className="border-0.5 absolute bottom-2 right-3.5 z-10 flex items-center gap-2">
<Loader.Item width="100px" height="26px" />
<Loader.Item width="50px" height="26px" />
</div>