From 9cb9eb0abb2290ae801591ede266bef3bd99122b Mon Sep 17 00:00:00 2001
From: MaxOvs19 <gshk3669@gmail.com>
Date: Mon, 13 Mar 2023 19:30:06 +0300
Subject: [PATCH] finished working

---
 .../AuthForDevelopers/AuthForDevelopers.js    | 20 ++++++++++-------
 .../AuthForDevelopers/authForDevelopers.scss  | 13 ++++++-----
 src/pages/AuthForPartners/AuthForPartners.js  | 22 ++++++++++++-------
 .../AuthForPartners/authForPartners.scss      | 21 ++++++++++++++++--
 4 files changed, 53 insertions(+), 23 deletions(-)

diff --git a/src/pages/AuthForDevelopers/AuthForDevelopers.js b/src/pages/AuthForDevelopers/AuthForDevelopers.js
index 64229ab0..ab071586 100644
--- a/src/pages/AuthForDevelopers/AuthForDevelopers.js
+++ b/src/pages/AuthForDevelopers/AuthForDevelopers.js
@@ -7,6 +7,7 @@ import arrow from "../../images/arrow__login_page.png";
 import authImg from "../../images/auth_img.png";
 import cross from "../../images/cross.png";
 import text from "../../images/Body_Text.png";
+import arrowBtn from "../../images/arrowRight.png";
 import vector from "../../images/Vector_Smart_Object.png";
 import vectorBlack from "../../images/Vector_Smart_Object_black.png";
 
@@ -43,14 +44,17 @@ const AuthForDevelopers = () => {
         />
         <div className="container">
           <div className="change-mode">
-            <Link to={"/authdev"}>
-              <button className="change-mode__developers">
-                !Для разработчика
-              </button>
-            </Link>
-            <Link to={"/auth"}>
-              <button className="change-mode__partners">Для партнёров</button>
-            </Link>
+            <div className="change-mode__arrow">
+              <img src={arrowBtn}></img>
+            </div>
+            <div className="buttons">
+              <Link to={"/authdev"}>
+                <button className="change-mode__dev">Для разработчика</button>
+              </Link>
+              <Link to={"/auth"}>
+                <button className="change-mode__part">Для партнёров</button>
+              </Link>
+            </div>
           </div>
           <div className="row">
             <div className="col-12 col-xl-6">
diff --git a/src/pages/AuthForDevelopers/authForDevelopers.scss b/src/pages/AuthForDevelopers/authForDevelopers.scss
index 26f843f4..af96ba5d 100644
--- a/src/pages/AuthForDevelopers/authForDevelopers.scss
+++ b/src/pages/AuthForDevelopers/authForDevelopers.scss
@@ -26,22 +26,25 @@
 .change-mode {
   display: flex;
   justify-content: center;
+  flex-direction: column;
+  align-items: center;
 
-  &__partners {
+  &__part {
     width: 220px;
     height: 50px;
-    background: #406128;
+    background: #52b7098c;
     border-radius: 44px;
-    color: white;
+    color: #2d6505;
     font-size: 16px;
     border: none;
     margin-left: -40px;
   }
 
-  &__developers {
+  &__dev {
     width: 220px;
+    position: relative;
     height: 50px;
-    background-color: #52b709;
+    background: #406128;
     border-radius: 44px;
     color: white;
     font-size: 16px;
diff --git a/src/pages/AuthForPartners/AuthForPartners.js b/src/pages/AuthForPartners/AuthForPartners.js
index c3b0a219..d0194820 100644
--- a/src/pages/AuthForPartners/AuthForPartners.js
+++ b/src/pages/AuthForPartners/AuthForPartners.js
@@ -3,6 +3,7 @@ import arrow from "../../images/arrow__login_page.png";
 import medium from "../../images/medium_male_big.png";
 import cross from "../../images/cross.png";
 import text from "../../images/Body_Text.png";
+import arrowBtn from "../../images/arrowRight.png";
 import vector from "../../images/Vector_Smart_Object.png";
 import vectorBlack from "../../images/Vector_Smart_Object_black.png";
 import { useSelector } from "react-redux";
@@ -38,14 +39,19 @@ const AuthForPartners = () => {
         <img className="auth-partners__vector-black" src={vectorBlack} alt="" />
         <div className="container">
           <div className="change-mode">
-            <Link to={"/authdev"}>
-              <button className="change-mode__developers">
-                Для разработчика
-              </button>
-            </Link>
-            <Link to={"/auth"}>
-              <button className="change-mode__partners">Для партнёров!</button>
-            </Link>
+            <div className="change-mode__arrow">
+              <img src={arrowBtn}></img>
+            </div>
+            <div className="buttons">
+              <Link to={"/authdev"}>
+                <button className="change-mode__developers">
+                  Для разработчика
+                </button>
+              </Link>
+              <Link to={"/auth"}>
+                <button className="change-mode__partners">Для партнёров</button>
+              </Link>
+            </div>
           </div>
           <div className="row">
             <div className="col-12 col-xl-6">
diff --git a/src/pages/AuthForPartners/authForPartners.scss b/src/pages/AuthForPartners/authForPartners.scss
index 3c3f56c5..edfabda3 100644
--- a/src/pages/AuthForPartners/authForPartners.scss
+++ b/src/pages/AuthForPartners/authForPartners.scss
@@ -52,6 +52,23 @@
 .change-mode {
   display: flex;
   justify-content: center;
+  flex-direction: column;
+  align-items: center;
+
+  &__arrow {
+    margin: 49px 0 43px 0;
+    width: 48px;
+    height: 48px;
+    background: #8dc63f82;
+
+    border-radius: 44px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    img {
+      transform: rotate(90deg);
+    }
+  }
 
   &__partners {
     width: 220px;
@@ -67,9 +84,9 @@
   &__developers {
     width: 220px;
     height: 50px;
-    background-color: #52b709;
+    background-color: #52b7098c;
     border-radius: 44px;
-    color: white;
+    color: #2d6505;
     font-size: 16px;
     border: none;
   }