Fix Stripe embedded checkout height using inline styles instead of a TW class

This commit is contained in:
gbuomprisco
2024-12-11 16:03:13 +08:00
parent ce63993035
commit ae9c33aea4

View File

@@ -44,7 +44,7 @@ function EmbeddedCheckoutPopup({
onClose?: () => void;
}>) {
const [open, setOpen] = useState(true);
const className = `bg-white p-4 max-h-[98vh] overflow-y-auto shadow-transparent border`;
const className = `bg-white p-4 overflow-y-auto shadow-transparent border`;
return (
<Dialog
@@ -59,6 +59,9 @@ function EmbeddedCheckoutPopup({
}}
>
<DialogContent
style={{
maxHeight: '98vh',
}}
className={className}
onOpenAutoFocus={(e) => e.preventDefault()}
onInteractOutside={(e) => e.preventDefault()}