Fix Stripe embedded checkout height using inline styles instead of a TW class
This commit is contained in:
@@ -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()}
|
||||||
|
|||||||
Reference in New Issue
Block a user