finished working
This commit is contained in:
parent
93ebf0ed83
commit
9cb9eb0abb
@ -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">
|
||||
|
@ -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;
|
||||
|
@ -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">
|
||||
|
@ -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;
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user