弹窗大小修改
Showing
3 changed files
with
9 additions
and
9 deletions
... | @@ -30,14 +30,14 @@ | ... | @@ -30,14 +30,14 @@ |
30 | .modal { | 30 | .modal { |
31 | position: relative; | 31 | position: relative; |
32 | @extend .bb; | 32 | @extend .bb; |
33 | width: 1000px; | 33 | max-width: 800px; |
34 | margin: 0 auto; | 34 | margin: 0 auto; |
35 | 35 | ||
36 | &-content { | 36 | &-content { |
37 | display: flex; | 37 | display: flex; |
38 | justify-content: flex-start; | 38 | justify-content: flex-start; |
39 | align-items: center; | 39 | align-items: center; |
40 | padding: 162px 100px; | 40 | padding: 80px 64px 80px 64px; |
41 | max-height: 534px; | 41 | max-height: 534px; |
42 | 42 | ||
43 | .info-icon { | 43 | .info-icon { |
... | @@ -105,7 +105,7 @@ | ... | @@ -105,7 +105,7 @@ |
105 | width: 80%; | 105 | width: 80%; |
106 | 106 | ||
107 | .modal { | 107 | .modal { |
108 | .content { | 108 | .modal-content { |
109 | flex-wrap: wrap; | 109 | flex-wrap: wrap; |
110 | padding: 32px 16px; | 110 | padding: 32px 16px; |
111 | 111 | ... | ... |
... | @@ -29,7 +29,7 @@ | ... | @@ -29,7 +29,7 @@ |
29 | .modal { | 29 | .modal { |
30 | position: relative; | 30 | position: relative; |
31 | @extend .bb; | 31 | @extend .bb; |
32 | width: 1000px; | 32 | max-width: 800px; |
33 | margin: 0 auto; | 33 | margin: 0 auto; |
34 | 34 | ||
35 | &-content { | 35 | &-content { |
... | @@ -37,7 +37,7 @@ | ... | @@ -37,7 +37,7 @@ |
37 | display: flex; | 37 | display: flex; |
38 | justify-content: flex-start; | 38 | justify-content: flex-start; |
39 | align-items: center; | 39 | align-items: center; |
40 | padding: 162px 60px 162px 60px; | 40 | padding: 80px 64px 80px 64px; |
41 | // max-height:640px; | 41 | // max-height:640px; |
42 | 42 | ||
43 | 43 | ||
... | @@ -106,7 +106,7 @@ | ... | @@ -106,7 +106,7 @@ |
106 | width: 80%; | 106 | width: 80%; |
107 | 107 | ||
108 | .modal { | 108 | .modal { |
109 | .content { | 109 | .modal-content { |
110 | flex-wrap: wrap; | 110 | flex-wrap: wrap; |
111 | padding: 32px 16px; | 111 | padding: 32px 16px; |
112 | 112 | ... | ... |
... | @@ -33,14 +33,14 @@ | ... | @@ -33,14 +33,14 @@ |
33 | 33 | ||
34 | .modal { | 34 | .modal { |
35 | position: relative; | 35 | position: relative; |
36 | width: 1000px; | 36 | max-width: 800px; |
37 | margin: 0 auto; | 37 | margin: 0 auto; |
38 | 38 | ||
39 | &-content { | 39 | &-content { |
40 | display: flex; | 40 | display: flex; |
41 | justify-content: flex-start; | 41 | justify-content: flex-start; |
42 | align-items: center; | 42 | align-items: center; |
43 | padding: 162px 100px; | 43 | padding: 80px 64px 80px 64px; |
44 | max-height: 534px; | 44 | max-height: 534px; |
45 | 45 | ||
46 | .info-icon { | 46 | .info-icon { |
... | @@ -108,7 +108,7 @@ | ... | @@ -108,7 +108,7 @@ |
108 | width: 80%; | 108 | width: 80%; |
109 | 109 | ||
110 | .modal { | 110 | .modal { |
111 | .content { | 111 | .modal-content { |
112 | flex-wrap: wrap; | 112 | flex-wrap: wrap; |
113 | padding: 32px 16px; | 113 | padding: 32px 16px; |
114 | 114 | ... | ... |
-
Please register or sign in to post a comment