This commit is contained in:
Mikola
2024-01-26 18:07:10 +03:00
parent fbc011ba91
commit 583e15ba0b
6 changed files with 72 additions and 19 deletions

View File

@ -1,6 +1,7 @@
import React, { useEffect, useRef, useState } from "react";
import { useDispatch, useSelector } from "react-redux";
import { useNavigate } from "react-router";
import { NavLink } from "react-router-dom";
import { loading, selectIsLoading } from "@redux/loaderSlice";
import { auth, selectAuth, setUserInfo } from "@redux/outstaffingSlice";
@ -107,8 +108,11 @@ export const AuthBlock = ({ title, description, img, resetModal }) => {
>
{isLoading ? <Loader /> : "Войти"}
</button>
<span onClick={() => resetModal(true)}>Восстановить пароль</span>
<NavLink to="/tracker-registration" className="auth__registration">
Регистрация
</NavLink>
</div>
<span className="auth__form__reset" onClick={() => resetModal(true)}>Восстановить пароль</span>
</form>
{img && <img src={img} alt="authImg" className="auth__img" />}
</div>

View File

@ -93,7 +93,7 @@
button {
background: #52b709;
border-radius: 44px;
max-width: 130px;
min-width: 130px;
width: 100%;
border: none;
font-weight: 500;
@ -108,18 +108,37 @@
display: flex;
column-gap: 20px;
align-items: center;
span {
cursor: pointer;
text-decoration-line: underline;
font-size: 13px;
font-weight: 500;
}
}
@media (max-width: 900px) {
order: 2;
}
&__reset {
margin-top: 25px;
cursor: pointer;
text-decoration-line: underline;
font-size: 13px;
font-weight: 500;
}
}
&__registration {
min-width: 185px;
text-align: center;
color: #FFFFFF;
font-size: 18px;
background: #1458DD;
line-height: 32px;
font-weight: 500;
padding: 8px 12px;
border-radius: 44px;
transition: 0.3s all ease;
&:hover {
transform: scale(1.03);
color: white;
}
}
&__img {