diff options
| author | crupest <crupest@outlook.com> | 2023-08-30 00:34:47 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2023-08-30 00:34:47 +0800 |
| commit | 5c624ecb5c7e33039d9f14dbce099e4874efb23b (patch) | |
| tree | c6d92dd30aaf210a293f13dff4d4424832442f7f /FrontEnd/src/components/dialog/Dialog.tsx | |
| parent | d65dcebc3ed64c96c70f0ee7f228b4dfe79b28a1 (diff) | |
| download | timeline-5c624ecb5c7e33039d9f14dbce099e4874efb23b.tar.gz timeline-5c624ecb5c7e33039d9f14dbce099e4874efb23b.tar.bz2 timeline-5c624ecb5c7e33039d9f14dbce099e4874efb23b.zip | |
...
Diffstat (limited to 'FrontEnd/src/components/dialog/Dialog.tsx')
| -rw-r--r-- | FrontEnd/src/components/dialog/Dialog.tsx | 9 |
1 files changed, 8 insertions, 1 deletions
diff --git a/FrontEnd/src/components/dialog/Dialog.tsx b/FrontEnd/src/components/dialog/Dialog.tsx index bdba9198..85e8ca46 100644 --- a/FrontEnd/src/components/dialog/Dialog.tsx +++ b/FrontEnd/src/components/dialog/Dialog.tsx @@ -15,11 +15,13 @@ if (optionalPortalElement == null) { const portalElement = optionalPortalElement; interface DialogProps { + color?: ThemeColor; children?: ReactNode; disableCloseOnClickOnOverlay?: boolean; } export default function Dialog({ + color, children, disableCloseOnClickOnOverlay, }: DialogProps) { @@ -28,7 +30,12 @@ export default function Dialog({ const lastPointerDownIdRef = useRef<number | null>(null); return ReactDOM.createPortal( - <div className={classNames("cru-dialog-overlay")}> + <div + className={classNames( + `cru-theme-${color ?? "primary"}`, + "cru-dialog-overlay", + )} + > <div className="cru-dialog-background" onPointerDown={(e) => { |