From aa72ee65d1b78cc845aab1731ca3a6a11b573f56 Mon Sep 17 00:00:00 2001
From: Kostya <ckutls228@gmail.com>
Date: Sat, 23 Dec 2023 15:31:03 +0300
Subject: [PATCH] fixed styles for captcha in payments modal

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

diff --git a/luckydiamond/src/assets/css/ComponentsStyles/payments-modal.css b/luckydiamond/src/assets/css/ComponentsStyles/payments-modal.css
index 9294f84..8e31bea 100644
--- a/luckydiamond/src/assets/css/ComponentsStyles/payments-modal.css
+++ b/luckydiamond/src/assets/css/ComponentsStyles/payments-modal.css
@@ -59,7 +59,7 @@ input:focus {
 
 .deposit-icon-diamond img {
     position: absolute;
-    top: 20%;
+    top: 16%;
     left: 10%;
 }
 
@@ -191,6 +191,10 @@ input[type="checkbox"]:checked::before {
 
 /* Withdraw */
 
+.withdraw-modal {
+    height: 520px;
+}
+
 .payments-modal__withdraw {
     margin-left: 26px;
 }
@@ -229,4 +233,14 @@ input[type="checkbox"]:checked::before {
     margin-top: 15%;
 }
 
-/* /Withdraw */
\ No newline at end of file
+/* /Withdraw */
+
+/* Captcha Styles */
+
+.captcha-withdraw {
+    position: relative;
+    left: 20px;
+    top: 15px;
+}
+
+/* /Captcha Styles */
\ No newline at end of file
diff --git a/luckydiamond/src/components/CaptchaComponent.vue b/luckydiamond/src/components/CaptchaComponent.vue
index 434b5da..ad6de0f 100644
--- a/luckydiamond/src/components/CaptchaComponent.vue
+++ b/luckydiamond/src/components/CaptchaComponent.vue
@@ -1,5 +1,5 @@
 <template>
-  <vue-recaptcha v-show="showcaptcha" sitekey="6LcuUDQpAAAAAPz8007pFD2FigaSh6InnUq_MEd8"
+  <vue-recaptcha class="captcha-withdraw" v-show="showcaptcha" sitekey="6LcuUDQpAAAAAPz8007pFD2FigaSh6InnUq_MEd8"
                  size="normal"
                  theme="dark"
                  hl="tr"
diff --git a/luckydiamond/src/components/PaymentsModal.vue b/luckydiamond/src/components/PaymentsModal.vue
index dab5e6b..6c44cec 100644
--- a/luckydiamond/src/components/PaymentsModal.vue
+++ b/luckydiamond/src/components/PaymentsModal.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="payment-modal">
+  <div class="payment-modal withdraw-modal">
     <div class="payments-modal__content close-modal__icon text-styles__margin">
       <h1>{{ payments ? "Пополнить" : "Вывод" }}</h1>
       <img