diff options
Diffstat (limited to 'src/components/ui/Modal/styles.ts')
-rw-r--r-- | src/components/ui/Modal/styles.ts | 33 |
1 files changed, 33 insertions, 0 deletions
diff --git a/src/components/ui/Modal/styles.ts b/src/components/ui/Modal/styles.ts new file mode 100644 index 000000000..c2bebf9bb --- /dev/null +++ b/src/components/ui/Modal/styles.ts | |||
@@ -0,0 +1,33 @@ | |||
1 | export default theme => ({ | ||
2 | component: { | ||
3 | zIndex: 500, | ||
4 | position: 'absolute', | ||
5 | }, | ||
6 | overlay: { | ||
7 | background: theme.colorModalOverlayBackground, | ||
8 | position: 'fixed', | ||
9 | top: 0, | ||
10 | left: 0, | ||
11 | right: 0, | ||
12 | bottom: 0, | ||
13 | display: 'flex', | ||
14 | }, | ||
15 | modal: { | ||
16 | background: theme.colorModalBackground, | ||
17 | maxWidth: '90%', | ||
18 | height: 'auto', | ||
19 | margin: 'auto auto', | ||
20 | borderRadius: 6, | ||
21 | boxShadow: '0px 13px 40px 0px rgba(0,0,0,0.2)', | ||
22 | position: 'relative', | ||
23 | }, | ||
24 | content: { | ||
25 | padding: 20, | ||
26 | }, | ||
27 | close: { | ||
28 | position: 'absolute', | ||
29 | top: 0, | ||
30 | right: 0, | ||
31 | padding: 20, | ||
32 | }, | ||
33 | }); | ||