xwx.moe/el.xwx.moe
xwx.moe/ el.xwx.moe
1
0
Disbranĉigi 0
Fontkodo Issues Tirpetoj Actions Packages Projects Eldonoj Wiki Activity

update modal icons

This commit is contained in:
Yee Jia Wei 2023-12-17 17:08:12 +08:00
parent 42f9dacffd
commit 15c6213840
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
components/Modal.tsx
View File

@ -1,7 +1,5 @@
import { MouseEventHandler, ReactNode, useEffect } from "react"; import React, { MouseEventHandler, ReactNode } from "react";
import ClickAwayHandler from "@/components/ClickAwayHandler"; import ClickAwayHandler from "@/components/ClickAwayHandler";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faClose } from "@fortawesome/free-solid-svg-icons";
type Props = { type Props = {
toggleModal: Function; toggleModal: Function;
@ -21,9 +19,11 @@ export default function Modal({ toggleModal, className, children }: Props) {
<div className="slide-up mt-auto sm:m-auto relative border-neutral-content rounded-t-2xl sm:rounded-2xl border-t sm:border shadow-2xl p-5 bg-base-100"> <div className="slide-up mt-auto sm:m-auto relative border-neutral-content rounded-t-2xl sm:rounded-2xl border-t sm:border shadow-2xl p-5 bg-base-100">
<div <div
onClick={toggleModal as MouseEventHandler<HTMLDivElement>} onClick={toggleModal as MouseEventHandler<HTMLDivElement>}
className="absolute top-3 right-3 btn btn-sm outline-none btn-circle btn-ghost z-10" className="absolute top-4 right-3 btn btn-sm outline-none btn-circle btn-ghost z-10"
> >
<FontAwesomeIcon icon={faClose} className="w-4 h-4 text-neutral" /> <i
className="bi-x text-neutral text-2xl"
></i>
</div> </div>
{children} {children}
</div> </div>