1
0
Fork 0

feat(lab): Bring up info on paths when clicked upon

This commit is contained in:
Joost De Cock 2022-06-18 12:15:05 +02:00
parent e153fbc925
commit a37e66c0e5
11 changed files with 473 additions and 35 deletions

View file

@ -0,0 +1,22 @@
import { useState } from 'react'
const Modal = ({ cancel, children }) => {
return (
<div className={`
fixed top-0 left-0 right-0 w-screen h-screen
bg-neutral bg-opacity-70 z-30
hover:cursor-pointer flex flex-col justify-center
`} onClick={cancel}>
<div className="m-auto text-neutral-content lightbox" style={{
maxHeight: "calc(100vh - 6rem)",
maxWidth: "calc(100vw - 6rem)",
}}>
{children}
</div>
</div>
)
}
export default Modal