diff options
author | lonkaars <l.leblansch@gmail.com> | 2021-04-09 17:10:50 +0200 |
---|---|---|
committer | lonkaars <l.leblansch@gmail.com> | 2021-04-09 17:10:50 +0200 |
commit | 5856e80fcb78446be37456ec1e5c47b2ab02201f (patch) | |
tree | eb600e49b8e5884c8ffc7d96719a9bd0b9764120 /components/dialogBox.tsx | |
parent | 24a90a67674d52dd3569cf5289b3f4b2f35f23ad (diff) |
dprint format :tada:
Diffstat (limited to 'components/dialogBox.tsx')
-rw-r--r-- | components/dialogBox.tsx | 40 |
1 files changed, 23 insertions, 17 deletions
diff --git a/components/dialogBox.tsx b/components/dialogBox.tsx index 5ef5c3f..7abbded 100644 --- a/components/dialogBox.tsx +++ b/components/dialogBox.tsx @@ -1,4 +1,4 @@ -import { ReactNode, CSSProperties } from 'react'; +import { CSSProperties, ReactNode } from 'react'; import { Vierkant } from './ui'; @@ -10,24 +10,30 @@ export function DialogBox(props: { style?: CSSProperties; onclick?: () => void; }) { - return <Vierkant style={{ - position: "fixed", - top: "50%", left: "50%", - transform: "translate(-50%, -50%)", - boxShadow: "0 8px 32px -5px #0007", - width: 392, - ...props.style - }}> + return <Vierkant + style={{ + position: 'fixed', + top: '50%', + left: '50%', + transform: 'translate(-50%, -50%)', + boxShadow: '0 8px 32px -5px #0007', + width: 392, + ...props.style, + }} + > <h2 style={{ marginBottom: 24 }}>{props.title}</h2> <span onClick={props.onclick}> - <CancelIcon style={{ - position: "absolute", - top: 25, right: 25, - color: "var(--text)", - opacity: .85, - cursor: "pointer" - }}/> + <CancelIcon + style={{ + position: 'absolute', + top: 25, + right: 25, + color: 'var(--text)', + opacity: .85, + cursor: 'pointer', + }} + /> </span> {props.children} - </Vierkant> + </Vierkant>; } |