fix: modal padding on mobile (#8002)

* fix: width full

* fix: max width
pull/7930/head^2
Nafees Nazik 2023-04-02 15:40:30 +05:30 committed by GitHub
parent 9fe912c392
commit 304e8aaa68
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 1 additions and 1 deletions

View File

@ -77,7 +77,7 @@ export const DialogContent = React.forwardRef<HTMLDivElement, DialogContentProps
<DialogPrimitive.Content <DialogPrimitive.Content
{...props} {...props}
className={classNames( className={classNames(
"fadeIn fixed left-1/2 top-1/2 z-50 min-w-[270px] -translate-x-1/2 -translate-y-1/2 rounded bg-white text-left shadow-xl focus-visible:outline-none sm:w-full sm:align-middle", "fadeIn fixed left-1/2 top-1/2 z-50 w-full max-w-[22rem] -translate-x-1/2 -translate-y-1/2 rounded bg-white text-left shadow-xl focus-visible:outline-none sm:align-middle",
props.size == "xl" props.size == "xl"
? "p-8 sm:max-w-[90rem]" ? "p-8 sm:max-w-[90rem]"
: props.size == "lg" : props.size == "lg"