diff options
author | Markus Hatvan <markus_hatvan@aon.at> | 2021-10-14 13:24:58 +0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-10-14 13:24:58 +0200 |
commit | fe1ba2ad6affeb6c0e97c73171d8fa3f31dde73e (patch) | |
tree | 10caa332d957421e982c7ddd0c94623d5d62314d /src/components/ui/Modal/styles.ts | |
parent | chore: convert various JS to TS (#2062) (diff) | |
download | ferdium-app-fe1ba2ad6affeb6c0e97c73171d8fa3f31dde73e.tar.gz ferdium-app-fe1ba2ad6affeb6c0e97c73171d8fa3f31dde73e.tar.zst ferdium-app-fe1ba2ad6affeb6c0e97c73171d8fa3f31dde73e.zip |
chore: convert files to TS (#2066)
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..f32c075ce --- /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 | }); | ||