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; onClose?: () => void;
}>) { }>) {
const [open, setOpen] = useState(true); 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 ( return (
<Dialog <Dialog
@@ -59,6 +59,9 @@ function EmbeddedCheckoutPopup({
}} }}
> >
<DialogContent <DialogContent
style={{
maxHeight: '98vh',
}}
className={className} className={className}
onOpenAutoFocus={(e) => e.preventDefault()} onOpenAutoFocus={(e) => e.preventDefault()}
onInteractOutside={(e) => e.preventDefault()} onInteractOutside={(e) => e.preventDefault()}