From 95e3c8f059ba9a81a77f9a6d587f6a68d9413fcd Mon Sep 17 00:00:00 2001 From: DmytroPrymachenko <144675672+DmytroPrymachenko@users.noreply.github.com> Date: Tue, 19 Mar 2024 11:29:48 +0200 Subject: [PATCH 1/2] fixHeaderModalStyled.jsx --- src/components/Header/HeaderModalStyled.jsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/components/Header/HeaderModalStyled.jsx b/src/components/Header/HeaderModalStyled.jsx index a6be82f..eca5744 100644 --- 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; From 200813f7a11eb3195f466a0e8f337047f01c6734 Mon Sep 17 00:00:00 2001 From: DmytroPrymachenko <144675672+DmytroPrymachenko@users.noreply.github.com> Date: Tue, 19 Mar 2024 11:30:25 +0200 Subject: [PATCH 2/2] Update LoginPage.styled.js --- src/pages/LoginPage/LoginPage.styled.js | 1 + 1 file changed, 1 insertion(+) diff --git a/src/pages/LoginPage/LoginPage.styled.js b/src/pages/LoginPage/LoginPage.styled.js index 7f7e192..176bf7c 100644 --- 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;