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) {