finished working

This commit is contained in:
MaxOvs19
2023-03-13 19:30:06 +03:00
parent 93ebf0ed83
commit 9cb9eb0abb
4 changed files with 53 additions and 23 deletions

View File

@ -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">

View File

@ -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;