Merge pull request #61 from Elizabethhub/dmytro-prymache-header-start…

…-page Dmytro prymache header start page
Elizabethhub · Mar 19, 2024 · 95147e3 · 95147e3
2 parents cbd5a26 + 200813f
commit 95147e3
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/components/Header/HeaderModalStyled.jsx b/src/components/Header/HeaderModalStyled.jsx
@@ -30,13 +30,13 @@ export const HeaderModalContainer = styled.div`
   box-shadow: 0 4px 8px 0 rgba(64, 123, 255, 0.2);
   background: #fff;
   position: absolute;
-  top: ${(props) => (props.$visible ? '35px' : '-100px')};
+  top: ${(props) => (props.$visible ? '35px' : '-200px')};
   right: 0px;
   opacity: ${(props) => (props.$visible ? '1' : '0')};
   transition:
     opacity 0.3s ease,
     top 0.3s ease;
-  z-index: 999;
+  z-index: 10;
   display: flex;
   flex-direction: column;
   justify-content: center;

diff --git a/src/pages/LoginPage/LoginPage.styled.js b/src/pages/LoginPage/LoginPage.styled.js
@@ -20,6 +20,7 @@ export const SvgContainer = styled.div`
     position: absolute;
     right: -5%;
     top: 0;
+    z-index: -1;
   }
   @media only screen and (min-width: 1280px) {
     position: static;