1 | .react-responsive-modal-overlay {
|
2 | background: rgba(0, 0, 0, 0.75);
|
3 | display: flex;
|
4 | align-items: flex-start;
|
5 | position: fixed;
|
6 | top: 0;
|
7 | left: 0;
|
8 | right: 0;
|
9 | bottom: 0;
|
10 | overflow-y: auto;
|
11 | overflow-x: hidden;
|
12 | z-index: 1000;
|
13 | padding: 1.2rem;
|
14 | }
|
15 |
|
16 | .react-responsive-modal-modal {
|
17 | max-width: 800px;
|
18 | position: relative;
|
19 | padding: 1.2rem;
|
20 | background: #ffffff;
|
21 | background-clip: padding-box;
|
22 | box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.25);
|
23 | margin: 0 auto;
|
24 | }
|
25 |
|
26 | .react-responsive-modal-modalCenter {
|
27 | margin: auto;
|
28 | }
|
29 |
|
30 | .react-responsive-modal-closeButton {
|
31 | position: absolute;
|
32 | top: 14px;
|
33 | right: 14px;
|
34 | border: none;
|
35 | padding: 0;
|
36 | cursor: pointer;
|
37 | background-color: transparent;
|
38 | display: flex;
|
39 | }
|
40 |
|
41 | @keyframes react-responsive-modal-fadeIn {
|
42 | 0% {
|
43 | opacity: 0;
|
44 | }
|
45 | 100% {
|
46 | opacity: 1;
|
47 | }
|
48 | }
|
49 |
|
50 | @keyframes react-responsive-modal-fadeOut {
|
51 | 0% {
|
52 | opacity: 1;
|
53 | }
|
54 | 100% {
|
55 | opacity: 0;
|
56 | }
|
57 | }
|