diff options
author | lonkaars <l.leblansch@gmail.com> | 2021-01-16 11:40:36 +0100 |
---|---|---|
committer | lonkaars <l.leblansch@gmail.com> | 2021-01-16 11:40:36 +0100 |
commit | d2c2cc62a4c2e1ac10f8434bea7bb834da820869 (patch) | |
tree | d8d0ed49957d1103a0fd79d4bb2928d7e1b5846e /src/components/dialogBox.tsx | |
parent | be52cd3265f93b09fc400ecaa58cde0a93ed41e6 (diff) |
semi working next project
Diffstat (limited to 'src/components/dialogBox.tsx')
-rw-r--r-- | src/components/dialogBox.tsx | 30 |
1 files changed, 0 insertions, 30 deletions
diff --git a/src/components/dialogBox.tsx b/src/components/dialogBox.tsx deleted file mode 100644 index 74fe99b..0000000 --- a/src/components/dialogBox.tsx +++ /dev/null @@ -1,30 +0,0 @@ -import { ReactNode } from 'react'; - -import { Vierkant } from './ui'; - -import CancelIcon from '@material-ui/icons/Cancel'; - -interface DialogBoxProps { - children: ReactNode; - title: string; -} - -export function DialogBox(props: DialogBoxProps) { - return <Vierkant style={{ - position: "fixed", - top: "50%", left: "50%", - transform: "translate(-50%, -50%)", - boxShadow: "0 8px 32px -5px #0007", - width: 392 - }}> - <h2 style={{ marginBottom: 24 }}>{props.title}</h2> - <CancelIcon style={{ - position: "absolute", - top: 25, right: 25, - color: "var(--text)", - opacity: .85, - cursor: "pointer" - }}/> - {props.children} - </Vierkant> -} |