File tree 1 file changed +29
-25
lines changed
1 file changed +29
-25
lines changed Original file line number Diff line number Diff line change 2
2
3
3
Styles passed into the Modal via the ` style ` prop are merged with the defaults. The default styles are:
4
4
5
- ``` js
6
- style= {{
7
- overlay: {
8
- position: ' fixed' ,
9
- top: 0 ,
10
- left: 0 ,
11
- right: 0 ,
12
- bottom: 0 ,
13
- backgroundColor: ' rgba(255, 255, 255, 0.75)'
14
- },
15
- content: {
16
- position: ' absolute' ,
17
- top: ' 40px' ,
18
- left: ' 40px' ,
19
- right: ' 40px' ,
20
- bottom: ' 40px' ,
21
- border: ' 1px solid #ccc' ,
22
- background: ' #fff' ,
23
- overflow: ' auto' ,
24
- WebkitOverflowScrolling: ' touch' ,
25
- borderRadius: ' 4px' ,
26
- outline: ' none' ,
27
- padding: ' 20px'
28
- }
29
- }}
5
+ ``` jsx
6
+ < Modal
7
+ ...
8
+ style= {{
9
+ overlay: {
10
+ position: ' fixed' ,
11
+ top: 0 ,
12
+ left: 0 ,
13
+ right: 0 ,
14
+ bottom: 0 ,
15
+ backgroundColor: ' rgba(255, 255, 255, 0.75)'
16
+ },
17
+ content: {
18
+ position: ' absolute' ,
19
+ top: ' 40px' ,
20
+ left: ' 40px' ,
21
+ right: ' 40px' ,
22
+ bottom: ' 40px' ,
23
+ border: ' 1px solid #ccc' ,
24
+ background: ' #fff' ,
25
+ overflow: ' auto' ,
26
+ WebkitOverflowScrolling: ' touch' ,
27
+ borderRadius: ' 4px' ,
28
+ outline: ' none' ,
29
+ padding: ' 20px'
30
+ }
31
+ }}
32
+ ...
33
+ >
30
34
```
You can’t perform that action at this time.
0 commit comments