diff --git a/luckydiamond/src/assets/css/ComponentsStyles/AdaptiveStyles/payments-modalmobile.css b/luckydiamond/src/assets/css/ComponentsStyles/AdaptiveStyles/payments-modalmobile.css index 437235f..f8a1b59 100644 --- a/luckydiamond/src/assets/css/ComponentsStyles/AdaptiveStyles/payments-modalmobile.css +++ b/luckydiamond/src/assets/css/ComponentsStyles/AdaptiveStyles/payments-modalmobile.css @@ -13,11 +13,17 @@ input:focus { top: 15%; left: 10%; background: #22252F; + border-radius: 25px; + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); width: 80%; - height: 405px; + height: 455px; max-width: 400px; } +.margin-mobile___payments { + margin-left: 10px; +} + .payments-modal-mobile { display: flex; align-items: center; @@ -63,7 +69,7 @@ input:focus { border-radius: 15px; border: 2px solid #2B3458; background: #22252F; - width: 100%; + width: 250px; } .input-mobile__number { @@ -82,9 +88,11 @@ input:focus { padding: 6px 12px; background: #252C47; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); - border-radius: 4px; + border-radius: 6px; border: none; margin: 5px 0 5px 5px; + font-weight: 700; + font-family: Montserrat Alternates; } .payments-modal__agree { @@ -97,7 +105,8 @@ input:focus { font-family: Montserrat Alternates; line-height: 31px; font-weight: 700; - font-size: 10px; + font-size: 9px; + margin-left: 5px; } .payments-modal__submit { @@ -122,4 +131,31 @@ input:focus { background: #EF4444; border: none; padding: 20px 20px; +} + +.payments-modal__promocode { + margin-top: 10px; +} + +.payments-modal__promocode input { + height: 25px; + width: 250px; +} + +.payments-modal__promocode input[placeholder] { + color: rgba(148, 148, 148, 0.95); + font-family: Montserrat Alternates; + font-weight: 700; + padding-left: 10px; +} + +.payments-modal__agree { + margin-top: 6px; + display: flex; + align-items: center; +} + +.captcha-mobile { + top: 25px; + left: -10px; } \ No newline at end of file diff --git a/luckydiamond/src/components/adaptive-components/PaymentsMobile.vue b/luckydiamond/src/components/adaptive-components/PaymentsMobile.vue index e44eaaf..a514c5a 100644 --- a/luckydiamond/src/components/adaptive-components/PaymentsMobile.vue +++ b/luckydiamond/src/components/adaptive-components/PaymentsMobile.vue @@ -8,7 +8,7 @@ @click="closeModal()" > -
+

Сумма {{ payments.paymentsView ? 'пополнения' : 'вывода' }}

@@ -25,10 +25,11 @@
- + +

Я согласен с пользовательским соглашением.

- +

Вы подтверждаете правильность введенных данных при создании вывода.