fix: update modal component to use relative positioning (#23855)

This commit is contained in:
Wu Tianwei
2025-08-13 11:20:40 +08:00
committed by GitHub
parent e600070a61
commit ad2bc7f8ac

View File

@@ -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',