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

Added buttons change

Browse Source
This commit is contained in:
MaxOvs19
2023-03-13 18:35:26 +03:00
parent b17386ba48
commit 93ebf0ed83
7 changed files with 189 additions and 110 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -11,7 +11,7 @@ import vector from "../../images/Vector_Smart_Object.png";
import vectorBlack from "../../images/Vector_Smart_Object_black.png";
import { selectAuth } from "../../redux/outstaffingSlice";
import { useNavigate } from "react-router-dom";
import { Link, useNavigate } from "react-router-dom";
import { Footer } from "../../components/Footer/Footer";
import SideBar from "../../components/SideBar/SideBar";
import AuthHeader from "../../components/AuthHeader/AuthHeader";
@ -42,6 +42,16 @@ const AuthForDevelopers = () => {
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>
<div className="row">
<div className="col-12 col-xl-6">
<div className="auth-developers__box">

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

@ -23,6 +23,32 @@
right: -224px;
}
.change-mode {
display: flex;
justify-content: center;
&__partners {
width: 220px;
height: 50px;
background: #406128;
border-radius: 44px;
color: white;
font-size: 16px;
border: none;
margin-left: -40px;
}
&__developers {
width: 220px;
height: 50px;
background-color: #52b709;
border-radius: 44px;
color: white;
font-size: 16px;
border: none;
}
}
@media (max-width: 575.98px) {
.auth-developers__vector,
.auth-developers__vector-black {

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

@ -7,7 +7,7 @@ import vector from "../../images/Vector_Smart_Object.png";
import vectorBlack from "../../images/Vector_Smart_Object_black.png";
import { useSelector } from "react-redux";
import { selectAuth } from "../../redux/outstaffingSlice";
import { useNavigate } from "react-router-dom";
import { Link, useNavigate } from "react-router-dom";
import { Footer } from "../../components/Footer/Footer";
import { AuthBox } from "../../components/AuthBox/AuthBox";
@ -37,6 +37,16 @@ const AuthForPartners = () => {
<img className="auth-partners__vector" src={vector} alt="" />
<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>
<div className="row">
<div className="col-12 col-xl-6">
<div className="auth-partners__box">

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

@ -49,6 +49,32 @@
padding-bottom: 310px;
}
.change-mode {
display: flex;
justify-content: center;
&__partners {
width: 220px;
height: 50px;
background: #406128;
border-radius: 44px;
color: white;
font-size: 16px;
border: none;
margin-left: -40px;
}
&__developers {
width: 220px;
height: 50px;
background-color: #52b709;
border-radius: 44px;
color: white;
font-size: 16px;
border: none;
}
}
@media (max-width: 575.98px) {
.auth-partners__info {
max-width: 380px;