From c20832953ff384259dd51f71ad27d9fd357d6307 Mon Sep 17 00:00:00 2001
From: Kostya <ckutls228@gmail.com>
Date: Fri, 19 Jan 2024 14:29:37 +0300
Subject: [PATCH] refactor styles for payments-mobile

---
 .../AdaptiveStyles/payments-modalmobile.css   | 39 +++++++++++++++++++
 .../adaptive-pages/profilemobile.css          |  5 +++
 .../adaptive-pages/ProfilemobilePage.vue      |  2 +-
 3 files changed, 45 insertions(+), 1 deletion(-)

diff --git a/luckydiamond/src/assets/css/ComponentsStyles/AdaptiveStyles/payments-modalmobile.css b/luckydiamond/src/assets/css/ComponentsStyles/AdaptiveStyles/payments-modalmobile.css
index f8a1b59..e0d1ece 100644
--- a/luckydiamond/src/assets/css/ComponentsStyles/AdaptiveStyles/payments-modalmobile.css
+++ b/luckydiamond/src/assets/css/ComponentsStyles/AdaptiveStyles/payments-modalmobile.css
@@ -107,6 +107,7 @@ input:focus {
     font-weight: 700;
     font-size: 9px;
     margin-left: 5px;
+    line-height: unset;
 }
 
 .payments-modal__submit {
@@ -127,10 +128,14 @@ input:focus {
 }
 
 .payments-modal__submit button {
+    margin-top: 10px;
     border-radius: 10px;
     background: #EF4444;
     border: none;
     padding: 20px 20px;
+    font-family: Montserrat Alternates;
+    font-weight: 700;
+    font-size: 18px;
 }
 
 .payments-modal__promocode {
@@ -158,4 +163,38 @@ input:focus {
 .captcha-mobile {
     top: 25px;
     left: -10px;
+}
+
+/* Media */
+
+@media screen and (max-width: 600px) and (min-width: 420px) {
+    .root-mobile {
+        left: 12%;
+    }
+    .input-style__mobile input {
+        width: 300px !important;
+    }
+    .button-style__mobile li button {
+        padding: 8px 14px;
+    }
+    .payments-modal__agree h3 {
+        font-size: 10.5px;
+    }
+}
+
+@media screen and (max-width: 340px) {
+    .input-style__mobile input {
+        width: 225px;
+    }
+    .button-style__mobile li button {
+        padding: 6px 8px;
+    }
+    .checkbox-styles input[type="checkbox"] {
+        width: 15px;
+        height: 15px;
+    }
+    input[type="checkbox"]:checked::before {
+        font-size: 10px;
+        line-height: unset;
+    }
 }
\ No newline at end of file
diff --git a/luckydiamond/src/assets/css/PagesStyles/adaptive-pages/profilemobile.css b/luckydiamond/src/assets/css/PagesStyles/adaptive-pages/profilemobile.css
index d42b7a4..9de61fe 100644
--- a/luckydiamond/src/assets/css/PagesStyles/adaptive-pages/profilemobile.css
+++ b/luckydiamond/src/assets/css/PagesStyles/adaptive-pages/profilemobile.css
@@ -62,6 +62,11 @@ body {
     font-size: 33px;
 }
 
+.header-off {
+    pointer-events: none !important;
+    filter: blur(15px) !important;
+}
+
 .info-profile {
     margin: 6% 10% 0 10%;
     text-align: center;
diff --git a/luckydiamond/src/pages/adaptive-pages/ProfilemobilePage.vue b/luckydiamond/src/pages/adaptive-pages/ProfilemobilePage.vue
index b9100a3..aa2d89a 100644
--- a/luckydiamond/src/pages/adaptive-pages/ProfilemobilePage.vue
+++ b/luckydiamond/src/pages/adaptive-pages/ProfilemobilePage.vue
@@ -2,7 +2,7 @@
   <div class="content-mobile__profile">
     <header-mobile-component></header-mobile-component>
 
-    <main class="profile-mobile">
+    <main class="profile-mobile" :class="{ 'header-off' : payments.paymentsWindow }">
       <div class="profile-mobile__content">
         <div class="macroinfo-profile text-default-mobile img-margin">
           <h2>Профиль</h2>