From 40ab1bb5db0390c02e51aa7d5917e67530f76e44 Mon Sep 17 00:00:00 2001 From: Arkapravo-Ghosh Date: Fri, 7 Jun 2024 00:30:02 +0530 Subject: [PATCH 1/2] fix: fixed header responsiveness --- src/components/shared/header/Header.jsx | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/src/components/shared/header/Header.jsx b/src/components/shared/header/Header.jsx index 9548158..ed5ae02 100644 --- a/src/components/shared/header/Header.jsx +++ b/src/components/shared/header/Header.jsx @@ -19,10 +19,9 @@ const Header = ({ ...data }) => { const backWordStyles = { fontSize: - windowWidth < 900 - ? "100px" + windowWidth > 900 ? data.backWordSize || "150px" : windowWidth > 700 - ? data.backWordSize || "150px" + ? "100px" : data.backWordSize_mobile, letterSpacing: windowWidth > 700 From 428852dc80607c8664b49d2e20c7e746b53db82d Mon Sep 17 00:00:00 2001 From: Arkapravo-Ghosh Date: Fri, 7 Jun 2024 00:44:51 +0530 Subject: [PATCH 2/2] fix: fixed nav responsiveness on tablet --- src/components/shared/navbar/Navbar.scss | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/src/components/shared/navbar/Navbar.scss b/src/components/shared/navbar/Navbar.scss index d21c731..dfbaac2 100644 --- a/src/components/shared/navbar/Navbar.scss +++ b/src/components/shared/navbar/Navbar.scss @@ -184,7 +184,8 @@ justify-content: flex-end; .navbar__mobile__sidebar { - width: 70%; + width: 40%; + min-width: 18rem; height: 100%; background-color: #1b1b1b; border-radius: 20px 0px 0px 20px; @@ -241,6 +242,7 @@ flex-direction: column; justify-content: center; align-items: flex-start; + gap: 1rem; span { color: var(--h4bred); @@ -250,6 +252,7 @@ img { object-fit: contain; + width: 200px; } } } @@ -324,4 +327,4 @@ width: 175px; } } -} +} \ No newline at end of file