diff --git a/src/components/AuthHeader/authHeader.scss b/src/components/AuthHeader/authHeader.scss index a99bc74d..6cef0a80 100644 --- a/src/components/AuthHeader/authHeader.scss +++ b/src/components/AuthHeader/authHeader.scss @@ -52,7 +52,13 @@ } } -@media (max-width: 575.98px) { +@media (max-width: 768px) { + .auth-header { + display: none; + } +} + +@media (max-width: 1024px) { .auth-header { display: none; } diff --git a/src/components/SideBar/sidebar.scss b/src/components/SideBar/sidebar.scss index bf5abfd6..441a7ef4 100644 --- a/src/components/SideBar/sidebar.scss +++ b/src/components/SideBar/sidebar.scss @@ -7,12 +7,16 @@ height: 100%; background: #e1fccf; - @media (max-width: 575.98px) { + @media (max-width: 1024px) { position: fixed; - width: 100%; + width: 100% !important; height: 80px; margin-bottom: 50px; } + + @media (max-width: 1440px) { + width: 80px; + } } .auth-title { @@ -71,7 +75,7 @@ } } - @media (max-width: 575.98px) { + @media (max-width: 1024px) { flex-direction: row; height: 100%; @@ -170,7 +174,7 @@ } } - @media (max-width: 575.98px) { + @media (max-width: 1024px) { &__title { margin-top: 35px; } @@ -190,7 +194,7 @@ width: 424px; left: 140px; - @media (max-width: 575.98px) { + @media (max-width: 1024px) { left: 0; width: 100%; height: 535px; diff --git a/src/components/SliderWorkers/SliderWorkers.js b/src/components/SliderWorkers/SliderWorkers.js index 56c1bff7..18b58b82 100644 --- a/src/components/SliderWorkers/SliderWorkers.js +++ b/src/components/SliderWorkers/SliderWorkers.js @@ -39,6 +39,8 @@ export const SliderWorkers = ({}) => { if (window.innerWidth < 575) { settings.slidesToShow = 1; + } else if (window.innerWidth < 1440) { + settings.slidesToShow = 2; } return ( diff --git a/src/components/SliderWorkers/sliderWorkers.scss b/src/components/SliderWorkers/sliderWorkers.scss index 2fc3bb5b..46efcdd4 100644 --- a/src/components/SliderWorkers/sliderWorkers.scss +++ b/src/components/SliderWorkers/sliderWorkers.scss @@ -105,7 +105,7 @@ } } - @media (max-width: 575.98px) { + @media (max-width: 1024px) { &__title { flex-direction: column; padding: 120px 0 56px 0; diff --git a/src/pages/AuthForDevelopers/AuthForDevelopers.js b/src/pages/AuthForDevelopers/AuthForDevelopers.js index ab071586..92cd06a7 100644 --- a/src/pages/AuthForDevelopers/AuthForDevelopers.js +++ b/src/pages/AuthForDevelopers/AuthForDevelopers.js @@ -40,7 +40,7 @@ const AuthForDevelopers = () => {
@@ -49,10 +49,14 @@ const AuthForDevelopers = () => {
- + - +
diff --git a/src/pages/AuthForDevelopers/authForDevelopers.scss b/src/pages/AuthForDevelopers/authForDevelopers.scss index af96ba5d..4d562953 100644 --- a/src/pages/AuthForDevelopers/authForDevelopers.scss +++ b/src/pages/AuthForDevelopers/authForDevelopers.scss @@ -24,32 +24,32 @@ } .change-mode { - display: flex; - justify-content: center; - flex-direction: column; - align-items: center; - - &__part { - width: 220px; - height: 50px; + &__partnersForDev { background: #52b7098c; - border-radius: 44px; color: #2d6505; - font-size: 16px; - border: none; margin-left: -40px; } - &__dev { + &__partnersForDev, + &__developersForDev { width: 220px; - position: relative; height: 50px; - background: #406128; border-radius: 44px; - color: white; font-size: 16px; border: none; } + + &__developersForDev { + position: relative; + background: #406128; + color: white; + } + + @media (max-width: 768px) { + &__partnersForDev { + margin: 15px 0 0 0; + } + } } @media (max-width: 575.98px) { @@ -59,12 +59,6 @@ } } -/* .form__error { - font-size: 16px; - color: #b21; - margin-left: 45px; -} */ - .auth-developers__arrow { margin-top: 360px; } diff --git a/src/pages/AuthForPartners/AuthForPartners.js b/src/pages/AuthForPartners/AuthForPartners.js index d0194820..d8688650 100644 --- a/src/pages/AuthForPartners/AuthForPartners.js +++ b/src/pages/AuthForPartners/AuthForPartners.js @@ -44,15 +44,18 @@ const AuthForPartners = () => {
- - +
+
diff --git a/src/pages/AuthForPartners/authForPartners.scss b/src/pages/AuthForPartners/authForPartners.scss index edfabda3..1421964d 100644 --- a/src/pages/AuthForPartners/authForPartners.scss +++ b/src/pages/AuthForPartners/authForPartners.scss @@ -70,26 +70,37 @@ } } - &__partners { - width: 220px; - height: 50px; + &__partnersForPart { background: #406128; - border-radius: 44px; color: white; - font-size: 16px; - border: none; margin-left: -40px; } - &__developers { + &__partnersForPart, + &__developersForPart { width: 220px; height: 50px; - background-color: #52b7098c; border-radius: 44px; - color: #2d6505; font-size: 16px; border: none; } + + &__developersForPart { + background-color: #52b7098c; + color: #2d6505; + } + + @media (max-width: 768px) { + .buttons { + display: flex; + align-items: center; + flex-direction: column; + } + + &__partnersForPart { + margin: 15px 0 0 0; + } + } } @media (max-width: 575.98px) {