弹窗大小修改
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