From d604b8854851f37e5274161977a4f29ae2fdb0ec Mon Sep 17 00:00:00 2001
From: evandrosaturnino <evandro.saturnino@gmail.com>
Date: Wed, 3 Jan 2024 03:51:00 -0300
Subject: [PATCH 1/2] Fix header layout responsivity

---
 src/components/Navbar/DesktopNav/DesktopNavLinks.tsx | 4 ++--
 src/components/Navbar/SocialMediaLinks.tsx           | 9 +++++----
 src/components/Navbar/index.tsx                      | 4 +++-
 src/components/ThresholdBrand.tsx                    | 5 +++--
 4 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/src/components/Navbar/DesktopNav/DesktopNavLinks.tsx b/src/components/Navbar/DesktopNav/DesktopNavLinks.tsx
index d876eca3..74afe40a 100644
--- a/src/components/Navbar/DesktopNav/DesktopNavLinks.tsx
+++ b/src/components/Navbar/DesktopNav/DesktopNavLinks.tsx
@@ -17,14 +17,14 @@ const DesktopNavLinks: FC<DesktopNavLinksProps> = ({
 }) => {
   return (
     <HStack
-      w="100%"
+      w={{ base: "100%", xl: "auto" }}
       borderRight="1px solid"
       borderLeft="1px solid"
       borderColor="gray.700"
       px={8}
       spacing={4}
       display={{ base: "none", md: "inherit" }}
-      justifyContent={{ base: "end", lg: "start" }}
+      justifyContent={{ base: "end", xl: "start" }}
       as="nav"
     >
       {navLinks.map(({ subitems, label, url }) => {
diff --git a/src/components/Navbar/SocialMediaLinks.tsx b/src/components/Navbar/SocialMediaLinks.tsx
index 0dfc6b65..e2884f59 100644
--- a/src/components/Navbar/SocialMediaLinks.tsx
+++ b/src/components/Navbar/SocialMediaLinks.tsx
@@ -11,18 +11,19 @@ const SocialMediaLinks: FC<
 > = ({ isMobileDrawerFooter, links, ...stackProps }) => {
   return (
     <HStack
-      spacing={6}
+      w="100%"
+      spacing={5}
       display={{
         base: isMobileDrawerFooter ? "inherit" : "none",
-        lg: "inherit",
+        xl: "inherit",
       }}
       justifyContent={{
         base: isMobileDrawerFooter ? "center" : "flex-end",
-        lg: "flex-start",
+        xl: "flex-start",
       }}
       borderLeft={{
         base: isMobileDrawerFooter ? "none" : "1px solid",
-        lg: "none",
+        xl: "none",
       }}
       borderColor="brand.300"
       marginBottom={isMobileDrawerFooter ? 8 : undefined}
diff --git a/src/components/Navbar/index.tsx b/src/components/Navbar/index.tsx
index 8f042dde..fef979fb 100644
--- a/src/components/Navbar/index.tsx
+++ b/src/components/Navbar/index.tsx
@@ -33,6 +33,7 @@ export const Navbar: FC = () => {
     <>
       {showBanner && <WhatsNextBanner onClose={closeBanner} />}
       <HStack
+        w="100%"
         bg="gray.900"
         h="90px"
         borderBottom="1px solid"
@@ -40,10 +41,11 @@ export const Navbar: FC = () => {
         as="header"
       >
         <Container
-          maxW="1140px"
           h="100%"
+          maxW="none"
           display="flex"
           justifyContent="space-between"
+          pr={{ base: 0, xl: 8 }}
         >
           <ThresholdBrand />
           <MobileDrawer
diff --git a/src/components/ThresholdBrand.tsx b/src/components/ThresholdBrand.tsx
index 12b99eae..f344e2ad 100644
--- a/src/components/ThresholdBrand.tsx
+++ b/src/components/ThresholdBrand.tsx
@@ -8,8 +8,9 @@ const ThresholdBrand: FC<{ isDrawerOpen?: boolean } & StackProps> = ({
 }) => {
   return (
     <HStack
-      minW={{ base: "184px", lg: "225px" }}
-      justifyContent={isDrawerOpen ? "center" : "flex-start"}
+      w={{ xl: "100%" }}
+      minW={{ base: "184px", xl: "225px" }}
+      justifyContent={isDrawerOpen ? "center" : "end"}
       pr="32px"
       {...props}
     >

From 43241ac567560b101155ab2d09fd8e51d73b9937 Mon Sep 17 00:00:00 2001
From: evandrosaturnino <evandro.saturnino@gmail.com>
Date: Wed, 3 Jan 2024 03:53:04 -0300
Subject: [PATCH 2/2] Fix tbtc sdk page title responsivity

---
 src/templates/build-page/tbtc-sdk/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/templates/build-page/tbtc-sdk/index.tsx b/src/templates/build-page/tbtc-sdk/index.tsx
index 39dec164..051504fd 100644
--- a/src/templates/build-page/tbtc-sdk/index.tsx
+++ b/src/templates/build-page/tbtc-sdk/index.tsx
@@ -22,7 +22,7 @@ interface SDKTitleProps {
 }
 
 const SDKTitle: FC<SDKTitleProps> = ({ title, highlightedWord }) => (
-  <Box mr="-4rem">
+  <Box mr={{ lg: "-4rem" }}>
     <HighlightWord
       title={title}
       highlightedWord={highlightedWord}