fix: Layout issue in the singleplayer mode (#759)

Fixes #744
This commit is contained in:
Mohith Gadireddy
2023-12-26 08:38:05 +05:30
committed by GitHub
parent 8f4fea2f14
commit f7cf33c61b

View File

@ -22,12 +22,12 @@ export const DocumentFlowFormContainer = ({
<form <form
id={id} id={id}
className={cn( className={cn(
'dark:bg-background border-border bg-widget sticky top-20 flex h-full max-h-[64rem] flex-col rounded-xl border px-4 py-6', 'dark:bg-background border-border bg-widget sticky top-20 flex h-full max-h-[64rem] flex-col overflow-auto rounded-xl border px-4 py-6',
className, className,
)} )}
{...props} {...props}
> >
<div className={cn('-mx-2 flex flex-1 flex-col overflow-hidden px-2')}>{children}</div> <div className={cn('-mx-2 flex flex-1 flex-col px-2')}>{children}</div>
</form> </form>
); );
}; };
@ -63,10 +63,7 @@ export const DocumentFlowFormContainerContent = ({
}: DocumentFlowFormContainerContentProps) => { }: DocumentFlowFormContainerContentProps) => {
return ( return (
<div <div
className={cn( className={cn('custom-scrollbar -mx-2 flex flex-1 flex-col overflow-hidden px-2', className)}
'custom-scrollbar -mx-2 flex flex-1 flex-col overflow-y-auto overflow-x-hidden px-2',
className,
)}
{...props} {...props}
> >
<div className="flex flex-1 flex-col">{children}</div> <div className="flex flex-1 flex-col">{children}</div>