From e9e7a81a24452f9f06fba288c441493c6b2a45e8 Mon Sep 17 00:00:00 2001
From: Sasi <hey@sasi.codes>
Date: Mon, 5 Feb 2024 16:20:07 +0530
Subject: [PATCH 1/2] fix: mobile nav position

---
 apps/web/src/components/Bytes/index.tsx            | 6 ++++++
 apps/web/src/components/Common/Layout.tsx          | 7 ++++---
 apps/web/src/components/Common/MobileBottomNav.tsx | 2 +-
 3 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/apps/web/src/components/Bytes/index.tsx b/apps/web/src/components/Bytes/index.tsx
index b224e65a0..78980d721 100644
--- a/apps/web/src/components/Bytes/index.tsx
+++ b/apps/web/src/components/Bytes/index.tsx
@@ -138,6 +138,11 @@ const Bytes = () => {
   return (
     <div className="relative mt-16 h-[calc(100vh-7rem)] overflow-y-hidden focus-visible:outline-none md:h-[calc(100vh-4rem)]">
       <MetaTags title="Bytes" />
+      <style jsx global>{`
+        html {
+          overflow-y: hidden;
+        }
+      `}</style>
       <div
         ref={sliderRef}
         className="keen-slider h-[calc(100vh-7rem)] snap-y snap-mandatory focus-visible:outline-none md:h-[calc(100vh-4rem)]"
@@ -160,6 +165,7 @@ const Bytes = () => {
               />
             )
         )}
+        s
       </div>
       {pageInfo?.next && (
         <span ref={observe} className="flex justify-center p-10">
diff --git a/apps/web/src/components/Common/Layout.tsx b/apps/web/src/components/Common/Layout.tsx
index 15176a185..a476be35f 100644
--- a/apps/web/src/components/Common/Layout.tsx
+++ b/apps/web/src/components/Common/Layout.tsx
@@ -104,9 +104,10 @@ const Layout: FC<Props> = ({
       {!skipNav && <Navbar />}
       <div
         className={tw(
-          'relative focus-visible:outline-none',
-          !skipPadding &&
-            'ultrawide:px-8 ultrawide:pb-8 laptop:px-6 px-4 pb-6 pt-20'
+          'ultrawide:pb-8 relative pb-6 focus-visible:outline-none',
+          {
+            'ultrawide:px-8 laptop:px-6 px-4 pt-20': !skipPadding
+          }
         )}
       >
         {children}
diff --git a/apps/web/src/components/Common/MobileBottomNav.tsx b/apps/web/src/components/Common/MobileBottomNav.tsx
index 7cc9f1760..d4e7d05a2 100644
--- a/apps/web/src/components/Common/MobileBottomNav.tsx
+++ b/apps/web/src/components/Common/MobileBottomNav.tsx
@@ -16,7 +16,7 @@ const MobileBottomNav = () => {
   const isActivePath = (path: string) => router.pathname === path
 
   return (
-    <div className="pb-safe absolute inset-x-0 bottom-0 z-10 border-t-[0.5px] border-gray-300 bg-white/90 backdrop-blur-xl md:hidden dark:border-gray-700 dark:bg-black/90">
+    <div className="pb-safe sticky inset-x-0 bottom-0 z-10 border-t-[0.5px] border-gray-300 bg-white/90 backdrop-blur-xl md:hidden dark:border-gray-700 dark:bg-black/90">
       <div className="grid grid-cols-5 py-3">
         <Link
           href="/"

From 4ab5a8c4e4f5cce0f559cf3632f669a30ce37061 Mon Sep 17 00:00:00 2001
From: Sasi <hey@sasi.codes>
Date: Mon, 5 Feb 2024 16:23:53 +0530
Subject: [PATCH 2/2] Remove unnecessary character 's'

---
 apps/web/src/components/Bytes/index.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/apps/web/src/components/Bytes/index.tsx b/apps/web/src/components/Bytes/index.tsx
index 78980d721..9a382d4ad 100644
--- a/apps/web/src/components/Bytes/index.tsx
+++ b/apps/web/src/components/Bytes/index.tsx
@@ -165,7 +165,6 @@ const Bytes = () => {
               />
             )
         )}
-        s
       </div>
       {pageInfo?.next && (
         <span ref={observe} className="flex justify-center p-10">