feat(lab): Bring up info on paths when clicked upon
This commit is contained in:
parent
e153fbc925
commit
a37e66c0e5
11 changed files with 473 additions and 35 deletions
22
sites/shared/components/modal.js
Normal file
22
sites/shared/components/modal.js
Normal 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
|
Loading…
Add table
Add a link
Reference in a new issue