fix: update modal component to use relative positioning (#23855)
This commit is contained in:
parent
e600070a61
commit
ad2bc7f8ac
1 changed files with 1 additions and 1 deletions
|
|
@ -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',
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue