From bc97a90930e2515d9474697d247b6d7666357ea4 Mon Sep 17 00:00:00 2001 From: Oleg Hnoievets Date: Fri, 29 Sep 2023 19:08:00 +0300 Subject: [PATCH 1/2] wr-450: * fixed header layout --- frontend/src/libs/components/header/styles.module.scss | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/frontend/src/libs/components/header/styles.module.scss b/frontend/src/libs/components/header/styles.module.scss index 8f5b56f2..e02058df 100644 --- a/frontend/src/libs/components/header/styles.module.scss +++ b/frontend/src/libs/components/header/styles.module.scss @@ -10,7 +10,7 @@ border-bottom: 2px solid var(--light-gray-15); } -.layout { +.header > .layout { display: flex; justify-content: space-between; align-items: center; @@ -113,6 +113,12 @@ img.avatar:hover { } } +@media only screen and (max-width: breakpoints.$medium) { + .header > .layout { + padding: 30px; + } +} + @media only screen and (max-width: breakpoints.$small) { .logo { width: 150px; From c9d0b9df961230ff697a16b7e04ea3fdcc52f2f9 Mon Sep 17 00:00:00 2001 From: Oleg Hnoievets Date: Fri, 29 Sep 2023 19:14:56 +0300 Subject: [PATCH 2/2] wr-450: * changed header padding on narrow screens --- frontend/src/libs/components/header/styles.module.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/frontend/src/libs/components/header/styles.module.scss b/frontend/src/libs/components/header/styles.module.scss index e02058df..9f8be53e 100644 --- a/frontend/src/libs/components/header/styles.module.scss +++ b/frontend/src/libs/components/header/styles.module.scss @@ -115,7 +115,7 @@ img.avatar:hover { @media only screen and (max-width: breakpoints.$medium) { .header > .layout { - padding: 30px; + padding: 15px 30px; } }