aboutsummaryrefslogtreecommitdiff
path: root/components/dialogBox.tsx
diff options
context:
space:
mode:
authorlonkaars <l.leblansch@gmail.com>2021-04-09 17:10:50 +0200
committerlonkaars <l.leblansch@gmail.com>2021-04-09 17:10:50 +0200
commit5856e80fcb78446be37456ec1e5c47b2ab02201f (patch)
treeeb600e49b8e5884c8ffc7d96719a9bd0b9764120 /components/dialogBox.tsx
parent24a90a67674d52dd3569cf5289b3f4b2f35f23ad (diff)
dprint format :tada:
Diffstat (limited to 'components/dialogBox.tsx')
-rw-r--r--components/dialogBox.tsx40
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>;
}