fix: update modal component to use relative positioning (#23855)
This commit is contained in:
@@ -52,7 +52,7 @@ export default function Modal({
|
|||||||
<div className="flex min-h-full items-center justify-center p-4 text-center">
|
<div className="flex min-h-full items-center justify-center p-4 text-center">
|
||||||
<TransitionChild>
|
<TransitionChild>
|
||||||
<DialogPanel className={classNames(
|
<DialogPanel className={classNames(
|
||||||
'w-full max-w-[480px] rounded-2xl bg-components-panel-bg p-6 text-left align-middle shadow-xl transition-all',
|
'relative w-full max-w-[480px] rounded-2xl bg-components-panel-bg p-6 text-left align-middle shadow-xl transition-all',
|
||||||
overflowVisible ? 'overflow-visible' : 'overflow-hidden',
|
overflowVisible ? 'overflow-visible' : 'overflow-hidden',
|
||||||
'duration-100 ease-in data-[closed]:scale-95 data-[closed]:opacity-0',
|
'duration-100 ease-in data-[closed]:scale-95 data-[closed]:opacity-0',
|
||||||
'data-[enter]:scale-100 data-[enter]:opacity-100',
|
'data-[enter]:scale-100 data-[enter]:opacity-100',
|
||||||
|
Reference in New Issue
Block a user