diff --git a/src/components/Common/AuthHeader/AuthHeader.jsx b/src/components/Common/AuthHeader/AuthHeader.jsx index 19e8ebac..537d9174 100644 --- a/src/components/Common/AuthHeader/AuthHeader.jsx +++ b/src/components/Common/AuthHeader/AuthHeader.jsx @@ -1,51 +1,39 @@ import React from "react"; -import { NavLink } from "react-router-dom"; - -import { scrollToForm } from "@utils/helper"; - -import userIcon from "assets/icons/userIcon.svg"; +import { Link, NavLink } from "react-router-dom"; import "./authHeader.scss"; export const AuthHeader = () => { return (
-
-

- itguild.аутстаффинг IT-специалистов -

-
-
-
-
    -
  • - - Главная - -
  • - {/*
  • */} - {/* Кабинет разработчика*/} - {/*
  • */} -
  • - Трекер -
  • -
  • - - Войти в команду - -
  • -
- - { - e.preventDefault(); - scrollToForm(); - }} - > - - -
+

IT GUILD

+
+
    +
  • + кейсы +
  • +
  • + стек +
  • +
  • + как это работает +
  • +
  • + отзывы +
  • +
  • + наши продукты +
  • +
+
+
+ +
diff --git a/src/components/Common/AuthHeader/authHeader.scss b/src/components/Common/AuthHeader/authHeader.scss index e31742fd..0388b81a 100644 --- a/src/components/Common/AuthHeader/authHeader.scss +++ b/src/components/Common/AuthHeader/authHeader.scss @@ -1,62 +1,63 @@ .auth-header { - background-color: #f1f1f1; - - &__logo { - padding: 0 0 0 160px; - height: 55px; - display: flex; - align-items: center; - - h3 { - font-size: 20px; - line-height: 32px; - color: #000000; - } - span { - color: #52b709; - } - } + position: relative; + z-index: 3; + padding: 25px 100px 40px 100px; + font-family: "GT Eesti Pro Display"; + background: #eeeeee; &__navigation { display: flex; align-items: center; height: 66px; width: 100%; - background: #ffffff; + justify-content: space-around; - .auth-nav { - height: 35px; - display: flex; - flex-direction: row; - justify-content: space-between; + .auth { + &__logo { + color: #4a4a4a; + font-weight: 900; + font-size: 16px; + letter-spacing: 2px; + position: relative; - ul { - display: flex; - margin: 0; - padding: 0; - list-style: none; + &::after { + content: ""; + position: absolute; + background: #a7ca60; + width: 7px; + height: 7px; + border-radius: 100px; + left: 49%; + top: -30%; + } + } - li { - margin-right: 25px; + &-nav { + ul { + display: flex; + column-gap: 50px; + margin: 0; + padding: 0; + list-style: none; - font-size: 18px; - line-height: 32px; + li { + cursor: pointer; + font-weight: 400; + font-size: 16px; + line-height: 18.5px; - a { - color: #897676; - } - a:hover { - text-decoration: none; - } + a { + color: #838383; + } + a:hover { + color: #161616; + } - a:focus, - a.active { - color: #000000; - } - - .candidate { - background: transparent; - color: #1458dd; + // a:focus, + a.active { + color: #000000; + font-weight: 700; + } } } } @@ -64,6 +65,35 @@ img { cursor: pointer; } + + &__buttons { + display: flex; + column-gap: 22px; + + button { + width: 140px; + height: 34px; + border-radius: 44px; + font-size: 13px; + font-weight: 400; + } + + .signIn { + a { + color: #1e1e1e; + } + background-color: #a7ca60; + border: none; + } + + .signUp { + a { + color: #a7ca60; + } + border: 1px solid #a7ca60; + background: none; + } + } } } } diff --git a/src/pages/Landing/landing.scss b/src/pages/Landing/landing.scss index e3d71215..d3c3810c 100644 --- a/src/pages/Landing/landing.scss +++ b/src/pages/Landing/landing.scss @@ -291,6 +291,10 @@ font-weight: 400; border-radius: 32px; margin-top: 45px; + + @media (min-width: 432px) { + display: none; + } } &__block { diff --git a/src/pages/Stack/stack.scss b/src/pages/Stack/stack.scss index e3a3a583..68549265 100644 --- a/src/pages/Stack/stack.scss +++ b/src/pages/Stack/stack.scss @@ -72,8 +72,10 @@ } &__ellipse { + height: 763px; + width: 763px; z-index: 1; - top: 45%; + top: 64%; left: 50%; transform: translate(-50%, -50%); position: absolute;