mirror of
https://github.com/utopia-os/utopia-ui.git
synced 2025-12-13 07:46:10 +00:00
Modal can have children now
This commit is contained in:
parent
100ecc0035
commit
94a3f8d5a8
@ -95,7 +95,7 @@ const close = () => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
export function Modal() {
|
export function Modal({children}) {
|
||||||
|
|
||||||
const [chapter, setChapter] = useState<number>(1);
|
const [chapter, setChapter] = useState<number>(1);
|
||||||
const setQuestsOpen = useSetQuestOpen();
|
const setQuestsOpen = useSetQuestOpen();
|
||||||
@ -129,7 +129,7 @@ export function Modal() {
|
|||||||
<dialog id="my_modal_3" className="tw-modal tw-transition-all tw-duration-300">
|
<dialog id="my_modal_3" className="tw-modal tw-transition-all tw-duration-300">
|
||||||
<form method="dialog" className="tw-modal-box tw-transition-none">
|
<form method="dialog" className="tw-modal-box tw-transition-none">
|
||||||
<button className="tw-btn tw-btn-sm tw-btn-circle tw-btn-ghost tw-absolute tw-right-2 tw-top-2">✕</button>
|
<button className="tw-btn tw-btn-sm tw-btn-circle tw-btn-ghost tw-absolute tw-right-2 tw-top-2">✕</button>
|
||||||
<ActiveChapter />
|
{children}
|
||||||
</form>
|
</form>
|
||||||
<form method="dialog" className="tw-modal-backdrop">
|
<form method="dialog" className="tw-modal-backdrop">
|
||||||
<button>close</button>
|
<button>close</button>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user