Address build issues
This commit is contained in:
parent
59f15801ab
commit
b1ce309cb2
@ -1,49 +0,0 @@
|
|||||||
'use client'
|
|
||||||
|
|
||||||
import { Dialog, Transition } from '@headlessui/react'
|
|
||||||
import type { ReactNode } from 'react'
|
|
||||||
import { Fragment } from 'react'
|
|
||||||
|
|
||||||
export default function CollectionModal({
|
|
||||||
show,
|
|
||||||
children,
|
|
||||||
onClose,
|
|
||||||
}: {
|
|
||||||
show: boolean
|
|
||||||
children: ReactNode
|
|
||||||
onClose: () => void
|
|
||||||
}) {
|
|
||||||
return (
|
|
||||||
<Transition appear as={Fragment} show={show}>
|
|
||||||
<Dialog as="div" className="relative z-50" onClose={onClose}>
|
|
||||||
<Transition.Child
|
|
||||||
as={Fragment}
|
|
||||||
enter="ease-out duration-300"
|
|
||||||
enterFrom="opacity-0"
|
|
||||||
enterTo="opacity-100"
|
|
||||||
leave="ease-in duration-200"
|
|
||||||
leaveFrom="opacity-100"
|
|
||||||
leaveTo="opacity-0"
|
|
||||||
>
|
|
||||||
<div className="fixed inset-0 bg-black/80" />
|
|
||||||
</Transition.Child>
|
|
||||||
|
|
||||||
<div className="overflow-y-auto fixed inset-0">
|
|
||||||
<div className="flex justify-center items-center px-2 m-auto w-full min-h-full md:w-3/5 xl:w-2/5">
|
|
||||||
<Transition.Child
|
|
||||||
as={Fragment}
|
|
||||||
enter="ease-out duration-300"
|
|
||||||
enterFrom="opacity-0 scale-95"
|
|
||||||
enterTo="opacity-100 scale-100"
|
|
||||||
leave="ease-in duration-200"
|
|
||||||
leaveFrom="opacity-100 scale-100"
|
|
||||||
leaveTo="opacity-0 scale-95"
|
|
||||||
>
|
|
||||||
<Dialog.Panel className="w-full">{children}</Dialog.Panel>
|
|
||||||
</Transition.Child>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</Dialog>
|
|
||||||
</Transition>
|
|
||||||
)
|
|
||||||
}
|
|
Loading…
Reference in New Issue
Block a user