diff --git a/src/components/AuthHeader/AuthHeader.js b/src/components/AuthHeader/AuthHeader.js index 8f1c65d3..0e576084 100644 --- a/src/components/AuthHeader/AuthHeader.js +++ b/src/components/AuthHeader/AuthHeader.js @@ -5,6 +5,13 @@ import userIcon from "../../images/userIcon.png"; import "./authHeader.scss"; export const AuthHeader = ({}) => { + function scrollToForm() { + window.scrollTo({ + top: 850, + behavior: "smooth", + }); + } + return (
@@ -27,7 +34,12 @@ export const AuthHeader = ({}) => { - + { + e.preventDefault(); + scrollToForm(); + }} + >
diff --git a/src/components/AuthHeader/authHeader.scss b/src/components/AuthHeader/authHeader.scss index 1447a2b9..f221a916 100644 --- a/src/components/AuthHeader/authHeader.scss +++ b/src/components/AuthHeader/authHeader.scss @@ -51,6 +51,10 @@ } } } + + img { + cursor: pointer; + } } } } @@ -61,7 +65,7 @@ } } -@media (max-width: 1024px) { +@media (max-width: 1375px) { .auth-header { display: none; } diff --git a/src/components/SideBar/SideBar.js b/src/components/SideBar/SideBar.js index d0194e23..89702468 100644 --- a/src/components/SideBar/SideBar.js +++ b/src/components/SideBar/SideBar.js @@ -1,6 +1,7 @@ import React, { useState } from "react"; import arrow from "../../images/sideBarArrow.svg"; +import LogoITguild from "../../images/LogoITguild.svg"; import "./sidebar.scss"; @@ -41,9 +42,7 @@ export const SideBar = () => {
-

IT

-

guild

- Аутстафинговая компания +
- +
@@ -66,6 +66,25 @@ export const FreeDevelopers = ({}) => {

Время разработки: 2 года.

+ +
+
+ Godesigner - сервис для фриланс дизайнеров, копирайтеров и их + заказчиков +
+

Стек – PHP (li3), HTML, CSS, JavaScript, MYSQL, Nginx.

+ +
+
+ +
+

Для просмотра полного резюме разработчика авторизуйтесь

+ + Войти +
diff --git a/src/components/UI/FreeDevelopers/freeDevelopers.scss b/src/components/UI/FreeDevelopers/freeDevelopers.scss index 4a390ded..ed73e21f 100644 --- a/src/components/UI/FreeDevelopers/freeDevelopers.scss +++ b/src/components/UI/FreeDevelopers/freeDevelopers.scss @@ -60,23 +60,35 @@ } } - button { - background: #52b709; - border-radius: 44px; - width: 202px; - height: 50px; - font-weight: 500; - font-size: 16px; - line-height: 32px; - color: #ffffff; - border: none; + @media (max-width: 720px) { + flex-direction: column; + } + + @media (max-width: 450px) { + flex-direction: column; + + &-box { + flex-direction: column; + align-items: center; + + img { + width: 50%; + } + } + + &-name { + margin: 10px 0 10px 0; + text-align: center; + align-items: center; + } } } &__body { + position: relative; background: #ffffff; border-radius: 12px; - margin-bottom: 100px; + margin-bottom: 160px; &-title { background: #e1fccf; @@ -99,6 +111,136 @@ font-size: 16px; margin-bottom: 30px; } + + &-bottom { + margin-top: 50px; + opacity: 0.25; + } + } + + .logIn { + position: absolute; + bottom: 75px; + border: 3px solid #52b709; + border-radius: 12px; + background: rgba(255, 255, 255, 0.76); + display: flex; + align-items: center; + justify-content: center; + width: 100%; + height: 97px; + cursor: pointer; + + h3 { + font-weight: 500; + font-size: 22px; + line-height: 18px; + color: #000000; + margin-right: 50px; + } + + a { + width: 140px; + height: 50px; + color: white; + text-decoration: none; + } + + @media (max-width: 920px) { + flex-direction: column; + padding: 15px; + height: 20%; + + h3 { + margin: 0 0 0 0; + text-align: center; + } + + a { + margin-top: 15px; + height: 25px; + height: 40px; + } + } + } + } + + @media (max-width: 1333px) { + .auth-menu { + position: fixed; + width: 100% !important; + height: 80px; + margin-bottom: 50px; + + .auth-body.active { + left: 0; + width: 100%; + height: 535px; + } + + .auth-body { + &__title, + &__politic { + margin-top: 35px; + } + + &__contacts { + margin: 50px 0 25px 0; + } + } + } + + .free-dev_page { + margin-top: 110px; + } + + .auth-header { + display: none; + } + + .auth-title { + flex-direction: row; + height: 100%; + + .text { + margin: 0; + flex-direction: row; + + .burger { + margin-bottom: 5px; + } + + h3 { + display: none; + } + } + + .outstaffing { + margin: 0; + width: 150px; + font-size: 12px; + transform: none; + + img { + margin-right: 5px; + width: 15px; + } + } } } } + +.button-green { + align-items: center; + justify-content: center; + display: flex; + background: #52b709; + border-radius: 44px; + width: 202px; + height: 50px; + font-weight: 500; + font-size: 16px; + line-height: 32px; + color: #ffffff; + border: none; +} diff --git a/src/images/LogoITguild.svg b/src/images/LogoITguild.svg new file mode 100644 index 00000000..2e27863c --- /dev/null +++ b/src/images/LogoITguild.svg @@ -0,0 +1,9 @@ + + + + + + + + +