From 24f928ed8448b5e9964f1e334cb8a7b1a41bd420 Mon Sep 17 00:00:00 2001
From: Kostya <ckutls228@gmail.com>
Date: Wed, 13 Dec 2023 22:59:56 +0300
Subject: [PATCH] added styles for btn-dep in payments modal

---
 .../css/ComponentsStyles/payments-modal.css       | 15 ++++++++++++++-
 luckydiamond/src/components/PaymentsModal.vue     |  4 +++-
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/luckydiamond/src/assets/css/ComponentsStyles/payments-modal.css b/luckydiamond/src/assets/css/ComponentsStyles/payments-modal.css
index 4fe6513..e08fa03 100644
--- a/luckydiamond/src/assets/css/ComponentsStyles/payments-modal.css
+++ b/luckydiamond/src/assets/css/ComponentsStyles/payments-modal.css
@@ -141,7 +141,20 @@ input[type="checkbox"]:checked::before {
     text-align: center;
     align-items: center;
     justify-content: center;
-    margin: 10% 6% 0 0;
+    margin: 5% 6% 0 0;
+}
+
+.btn-display-deposit {
+    display: flex;
+    flex-direction: column;
+}
+
+.btn-text-style p {
+    color: #949494F2;
+    font-weight: 700;
+    font-family: Montserrat Alternates;
+    font-size: 7.5px;
+    margin: 5px 0;
 }
 
 .btn-style-payments button {
diff --git a/luckydiamond/src/components/PaymentsModal.vue b/luckydiamond/src/components/PaymentsModal.vue
index 6b0cdc5..cfa1615 100644
--- a/luckydiamond/src/components/PaymentsModal.vue
+++ b/luckydiamond/src/components/PaymentsModal.vue
@@ -24,8 +24,10 @@
           <input type="checkbox">
           <h3>Я согласен с пользовательским соглашением.</h3>
         </div>
-        <div class="btn-deposit btn-style-payments">
+        <div class="btn-deposit btn-text-style btn-display-deposit btn-style-payments">
+          <p>Вы подтверждаете правильность введенных данных при создании вывода.</p>
           <button type="submit" :disabled="offBtn" @click="RedirectedMethodDep">Пополнить</button>
+          <p>Перед пополнение прочитайте политику конфиденциальности и пользовательское соглашение.</p>
         </div>
       </div>
     </div>