apuc/guild_front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

finished working

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/pages/AuthForDevelopers/AuthForDevelopers.js
View File

@ -7,6 +7,7 @@ import arrow from "../../images/arrow__login_page.png";
import authImg from "../../images/auth_img.png"; import authImg from "../../images/auth_img.png";
import cross from "../../images/cross.png"; import cross from "../../images/cross.png";
import text from "../../images/Body_Text.png"; import text from "../../images/Body_Text.png";
import arrowBtn from "../../images/arrowRight.png";
import vector from "../../images/Vector_Smart_Object.png"; import vector from "../../images/Vector_Smart_Object.png";
import vectorBlack from "../../images/Vector_Smart_Object_black.png"; import vectorBlack from "../../images/Vector_Smart_Object_black.png";
@ -43,15 +44,18 @@ const AuthForDevelopers = () => {
/> />
<div className="container"> <div className="container">
<div className="change-mode"> <div className="change-mode">
<div className="change-mode__arrow">
<img src={arrowBtn}></img>
</div>
<div className="buttons">
<Link to={"/authdev"}> <Link to={"/authdev"}>
<button className="change-mode__developers"> <button className="change-mode__dev">Для разработчика</button>
!Для разработчика
</button>
</Link> </Link>
<Link to={"/auth"}> <Link to={"/auth"}>
<button className="change-mode__partners">Для партнёров</button> <button className="change-mode__part">Для партнёров</button>
</Link> </Link>
</div> </div>
</div>
<div className="row"> <div className="row">
<div className="col-12 col-xl-6"> <div className="col-12 col-xl-6">
<div className="auth-developers__box"> <div className="auth-developers__box">

13
src/pages/AuthForDevelopers/authForDevelopers.scss
View File

@ -26,22 +26,25 @@
.change-mode { .change-mode {
display: flex; display: flex;
justify-content: center; justify-content: center;
flex-direction: column;
align-items: center;
&__partners { &__part {
width: 220px; width: 220px;
height: 50px; height: 50px;
background: #406128; background: #52b7098c;
border-radius: 44px; border-radius: 44px;
color: white; color: #2d6505;
font-size: 16px; font-size: 16px;
border: none; border: none;
margin-left: -40px; margin-left: -40px;
} }
&__developers { &__dev {
width: 220px; width: 220px;
position: relative;
height: 50px; height: 50px;
background-color: #52b709; background: #406128;
border-radius: 44px; border-radius: 44px;
color: white; color: white;
font-size: 16px; font-size: 16px;

8
src/pages/AuthForPartners/AuthForPartners.js
View File

@ -3,6 +3,7 @@ import arrow from "../../images/arrow__login_page.png";
import medium from "../../images/medium_male_big.png"; import medium from "../../images/medium_male_big.png";
import cross from "../../images/cross.png"; import cross from "../../images/cross.png";
import text from "../../images/Body_Text.png"; import text from "../../images/Body_Text.png";
import arrowBtn from "../../images/arrowRight.png";
import vector from "../../images/Vector_Smart_Object.png"; import vector from "../../images/Vector_Smart_Object.png";
import vectorBlack from "../../images/Vector_Smart_Object_black.png"; import vectorBlack from "../../images/Vector_Smart_Object_black.png";
import { useSelector } from "react-redux"; import { useSelector } from "react-redux";
@ -38,15 +39,20 @@ const AuthForPartners = () => {
<img className="auth-partners__vector-black" src={vectorBlack} alt="" /> <img className="auth-partners__vector-black" src={vectorBlack} alt="" />
<div className="container"> <div className="container">
<div className="change-mode"> <div className="change-mode">
<div className="change-mode__arrow">
<img src={arrowBtn}></img>
</div>
<div className="buttons">
<Link to={"/authdev"}> <Link to={"/authdev"}>
<button className="change-mode__developers"> <button className="change-mode__developers">
Для разработчика Для разработчика
</button> </button>
</Link> </Link>
<Link to={"/auth"}> <Link to={"/auth"}>
<button className="change-mode__partners">Для партнёров!</button> <button className="change-mode__partners">Для партнёров</button>
</Link> </Link>
</div> </div>
</div>
<div className="row"> <div className="row">
<div className="col-12 col-xl-6"> <div className="col-12 col-xl-6">
<div className="auth-partners__box"> <div className="auth-partners__box">

21
src/pages/AuthForPartners/authForPartners.scss
View File

@ -52,6 +52,23 @@
.change-mode { .change-mode {
display: flex; display: flex;
justify-content: center; 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 { &__partners {
width: 220px; width: 220px;
@ -67,9 +84,9 @@
&__developers { &__developers {
width: 220px; width: 220px;
height: 50px; height: 50px;
background-color: #52b709; background-color: #52b7098c;
border-radius: 44px; border-radius: 44px;
color: white; color: #2d6505;
font-size: 16px; font-size: 16px;
border: none; border: none;
} }