From d22fc6499ca216f6714272bc96153fe65da7c78c Mon Sep 17 00:00:00 2001
From: Kostya <ckutls228@gmail.com>
Date: Wed, 13 Dec 2023 23:10:43 +0300
Subject: [PATCH] added styles for withdraw modal, payments modal

---
 .../assets/css/ComponentsStyles/payments-modal.css | 14 ++++++++++++--
 luckydiamond/src/components/PaymentsModal.vue      | 12 +++++++++---
 2 files changed, 21 insertions(+), 5 deletions(-)

diff --git a/luckydiamond/src/assets/css/ComponentsStyles/payments-modal.css b/luckydiamond/src/assets/css/ComponentsStyles/payments-modal.css
index e08fa03..396fe41 100644
--- a/luckydiamond/src/assets/css/ComponentsStyles/payments-modal.css
+++ b/luckydiamond/src/assets/css/ComponentsStyles/payments-modal.css
@@ -65,7 +65,7 @@ input:focus {
 
 .deposit-icon__input .promo-input,
 .deposit-icon__input .deposit-amount__input,
-.withdraw-input input{
+.withdraw-input .with-input{
     width: 350px;
     height: 44px;
     border-radius: 15px;
@@ -110,6 +110,16 @@ input:focus {
     margin-top: 11px;
 }
 
+.withdraw-checkbox {
+    display: flex;
+    align-items: center;
+    margin-top: 11px;
+}
+
+.withdraw-checkbox h3 {
+    margin: 0 0 0 5px;
+}
+
 .checkbox-styles input[type="checkbox"] {
     background: #22252F;
     border-radius: 8px;
@@ -190,7 +200,7 @@ input[type="checkbox"]:checked::before {
 }
 
 .btn-withdraw {
-    margin-top: 30%;
+    margin-top: 15%;
 }
 
 /* /Withdraw */
\ No newline at end of file
diff --git a/luckydiamond/src/components/PaymentsModal.vue b/luckydiamond/src/components/PaymentsModal.vue
index cfa1615..b104172 100644
--- a/luckydiamond/src/components/PaymentsModal.vue
+++ b/luckydiamond/src/components/PaymentsModal.vue
@@ -35,14 +35,20 @@
       <div class="count-withdraw deposit-icon-diamond">
         <h3>Сумма вывода</h3>
         <img src="@/assets/icons-games/saper-game/icon-diamond-ore-saper.png">
-        <input v-model="amount" type="number">
+        <input class="with-input" v-model="amount" type="number">
       </div>
       <div class="number-card deposit-promocode__padding--input">
         <h3>Введите номер карты</h3>
-        <input v-model="card" type="number">
+        <input class="with-input" v-model="card" type="number">
       </div>
-      <div class="btn-withdraw btn-style-payments">
+      <div class="withdraw-checkbox checkbox-styles">
+        <input type="checkbox">
+        <h3>Я согласен с пользовательским соглашением.</h3>
+      </div>
+      <div class="btn-withdraw btn-text-style btn-display-deposit btn-style-payments">
+        <p>Вы подтверждаете правильность введенных данных при создании вывода.</p>
         <button type="submit">Вывод</button>
+        <p>Перед выводом прочитайте политику конфиденциальности и пользовательское соглашение.</p>
       </div>
     </div>
   </div>