From 2a89ab3d5f1e5bf5b954d1b1f31045f658f593be Mon Sep 17 00:00:00 2001 From: Gubar Nikita Date: Wed, 22 May 2024 18:38:12 +0300 Subject: [PATCH] adaptive autstaffing --- src/assets/images/noClue.png | Bin 0 -> 17851 bytes .../ModalRegistration/ModalRegistration.jsx | 3 - src/hooks/useFormValidation.js | 3 + src/pages/Landing/Landing.jsx | 14 +- src/pages/Landing/landing.scss | 19 +- src/pages/Stack/Stack.jsx | 12 +- src/pages/Stack/stack.scss | 166 ++++++++++++++++-- 7 files changed, 196 insertions(+), 21 deletions(-) create mode 100644 src/assets/images/noClue.png diff --git a/src/assets/images/noClue.png b/src/assets/images/noClue.png new file mode 100644 index 0000000000000000000000000000000000000000..a24c67de8ace58b06de5c559fe702094d7d1193d GIT binary patch literal 17851 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 XCzZ0ap+jmy00000NkvXXu0mjf?H33@ literal 0 HcmV?d00001 diff --git a/src/components/Modal/ModalRegistration/ModalRegistration.jsx b/src/components/Modal/ModalRegistration/ModalRegistration.jsx index fd3129d5..84e5a1bc 100644 --- a/src/components/Modal/ModalRegistration/ModalRegistration.jsx +++ b/src/components/Modal/ModalRegistration/ModalRegistration.jsx @@ -1,5 +1,4 @@ import React, { useState } from "react"; -import { Link, useNavigate } from "react-router-dom"; import { useFormValidation } from "@hooks/useFormValidation"; import { useNotification } from "@hooks/useNotification"; @@ -18,7 +17,6 @@ import "./modalRegistration.scss"; export const ModalRegistration = ({ active, setActive }) => { const [loader, setLoader] = useState(false); const [isPartner, setIsPartner] = useState(false); - const navigate = useNavigate(); const fields = { username: "", @@ -147,7 +145,6 @@ export const ModalRegistration = ({ active, setActive }) => { onClick={async (e) => { e.preventDefault(); await handleSubmit(e); - navigate("/welcome-page"); }} styles="button-box__submit" > diff --git a/src/hooks/useFormValidation.js b/src/hooks/useFormValidation.js index cd14231f..bcc28ce4 100644 --- a/src/hooks/useFormValidation.js +++ b/src/hooks/useFormValidation.js @@ -1,4 +1,5 @@ import { useState } from "react"; +import { useNavigate } from "react-router"; import { apiRequest } from "@api/request"; @@ -11,6 +12,7 @@ export const useFormValidation = ( setLoader, closeModal ) => { + const navigate = useNavigate(); // Состояние формы, содержащее значения полей const [formData, setFormData] = useState(fields); @@ -108,6 +110,7 @@ export const useFormValidation = ( handleClearForm(); showNotificationTrue(); closeModal(); + navigate("/welcome-page"); }); } catch (error) { console.error("Error submitting form:", error); diff --git a/src/pages/Landing/Landing.jsx b/src/pages/Landing/Landing.jsx index 024644d2..1dffc7fc 100644 --- a/src/pages/Landing/Landing.jsx +++ b/src/pages/Landing/Landing.jsx @@ -3,6 +3,7 @@ import SVG from "react-inlinesvg"; import { Link, NavLink } from "react-router-dom"; import { Footer } from "@components/Common/Footer/Footer"; +import ModalRegistration from "@components/Modal/ModalRegistration/ModalRegistration"; import arrow from "assets/icons/arrows/arrowLanding.svg"; import authIcon from "assets/icons/authIcon.svg"; @@ -16,6 +17,7 @@ import "./landing.scss"; export const Landing = () => { const [active, setActive] = useState(false); + const [modalReg, setModalReg] = useState(false); const toggleBar = () => { if (active) { @@ -63,16 +65,24 @@ export const Landing = () => { return (
+

ITGUILD

войти в систему - + +
{ + e.preventDefault(); + setModalReg(true); + }} + > регистрация - +
toggleBar()}>
{
- clue + clue

ПОИСК

@@ -609,6 +610,15 @@ export const Stack = () => {
+
+ + Посмотрите и другие
продукты ITGUILD +
+
+ + +
+
diff --git a/src/pages/Stack/stack.scss b/src/pages/Stack/stack.scss index b87805b1..ae128dc0 100644 --- a/src/pages/Stack/stack.scss +++ b/src/pages/Stack/stack.scss @@ -1013,13 +1013,16 @@ } &-mobile { - width: 100%; - position: absolute; - bottom: -40px; - display: flex; + display: none; + @media (max-width: 431px) { + width: 100%; + position: absolute; + bottom: -40px; + display: flex; - img { - margin: 0 auto; + img { + margin: 0 auto; + } } } } @@ -1146,6 +1149,12 @@ border-radius: 8px; bottom: -30px; left: -100px; + + @media (max-width: 431px) { + width: 213px; + height: 124px; + left: auto; + } } &-counter { @@ -1408,10 +1417,18 @@ @media (max-width: 431px) { flex-direction: column; + align-items: center; } } &-info { + @media (max-width: 431px) { + display: flex; + flex-direction: column; + align-items: center; + height: 300px; + } + img { right: 423px; width: 100px; @@ -1419,7 +1436,9 @@ z-index: 3; @media (max-width: 431px) { - display: none; + right: auto; + width: auto; + top: -60px; } } @@ -1444,9 +1463,20 @@ filter: drop-shadow(0px 0px 30px rgba(0, 0, 0, 0.1294117647)); @media (max-width: 431px) { - position: static; - font-size: 203px; + position: relative; + right: auto; + top: -100px; + z-index: 4; + font-size: 180px; letter-spacing: -0.02em; + background: linear-gradient( + 4.11deg, + #212121 11.19%, + #313131 66.08% + ); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + filter: drop-shadow(15px 10px 1px rgba(0, 0, 0, 0.1)); } } @@ -1458,6 +1488,9 @@ @media (max-width: 431px) { padding: 0; + z-index: 5; + position: relative; + top: -200px; } &__title { @@ -1485,13 +1518,12 @@ font-size: 19px; @media (max-width: 431px) { + padding: 0 45px; font-size: 18px; line-height: 20.88px; } span { - display: none; - @media (max-width: 431px) { display: inline; font-weight: 700; @@ -1501,6 +1533,9 @@ } &__nav { + @media (max-width: 431px) { + display: none; + } span { color: #eeeeee; font-weight: 700; @@ -1539,6 +1574,11 @@ align-items: flex-end; z-index: 1; + @media (max-width: 431px) { + width: 90%; + align-items: center; + } + .form { &__subtitle { font-weight: 700; @@ -1546,6 +1586,10 @@ color: #a7ca60; position: relative; top: -10px; + + @media (max-width: 431px) { + display: none; + } } &-container { @@ -1556,6 +1600,17 @@ font-weight: 700; color: #607536; + @media (max-width: 431px) { + width: 100%; + padding: 30px 50px; + } + + p { + @media (max-width: 431px) { + display: none; + } + } + .input-error { border: 1px solid red; } @@ -1576,6 +1631,18 @@ row-gap: 10px; justify-items: center; + @media (max-width: 431px) { + display: flex; + flex-direction: column; + align-items: center; + } + + div { + @media (max-width: 431px) { + width: 100%; + } + } + input { padding: 10px; width: 205px; @@ -1583,6 +1650,11 @@ border: 0.2px solid #607536; border-radius: 8px; background-color: #98b857; + + @media (max-width: 431px) { + width: 100%; + height: 55px; + } } input::placeholder { margin: 0 0 0 19px; @@ -1606,6 +1678,11 @@ border-radius: 8px; resize: none; background-color: #98b857; + + @media (max-width: 431px) { + width: 100%; + margin: 30px 0 0 0; + } } textarea::placeholder { color: #435225; @@ -1624,6 +1701,12 @@ justify-content: space-between; align-items: center; + @media (max-width: 431px) { + margin: 53px 0 50px 0; + flex-direction: column; + row-gap: 19px; + } + .button-upload { cursor: pointer; width: 160px; @@ -1650,6 +1733,15 @@ p { font-size: 9px; font-weight: 300; + + @media (max-width: 431px) { + display: flex; + flex-direction: column-reverse; + font-size: 14px; + font-weight: 300; + line-height: 16.24px; + color: #607536; + } } span { @@ -1662,6 +1754,11 @@ align-items: center; justify-content: space-around; + @media (max-width: 431px) { + flex-direction: column; + row-gap: 56px; + } + &__agreement { display: flex; @@ -1674,6 +1771,13 @@ font-weight: 300; font-size: 9px; color: #607536; + + @media (max-width: 431px) { + color: #435225; + display: inline; + text-align: left; + font-size: 11px; + } } a:active, @@ -1705,5 +1809,45 @@ } } } + .info-mobile__nav { + display: none; + @media (max-width: 431px) { + display: block; + margin-top: 79px; + } + span { + color: #eeeeee; + font-size: 25px; + font-weight: 700; + line-height: 29px; + letter-spacing: 0.01em; + } + + &__buttons { + display: flex; + flex-direction: column; + align-items: center; + margin: 47px 0 0 0; + row-gap: 25px; + + button { + background: linear-gradient( + 110.06deg, + rgba(87, 87, 87, 0.34) 0%, + rgba(104, 104, 104, 0.34) 99.25% + ); + width: 324px; + height: 101px; + border-radius: 8px; + border: 0.5px solid #6c6c6c; + box-shadow: 10px 9px 14.3px 0px #0000000f; + color: #f1f1f1; + font-size: 19px; + font-weight: 500; + line-height: 20.33px; + padding: 30px 60px; + } + } + } } }