fix: double scrollbar

consolelabs · Dec 19, 2023 · 378cec4 · 378cec4
1 parent 9c4498d
commit 378cec4
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/components/layout/Navbar.tsx b/components/layout/Navbar.tsx
@@ -102,7 +102,7 @@ export default function Navbar() {
     <div className="w-full fixed lg:sticky top-0 shadow bg-white z-40">
       <div className="max-w-7xl mx-auto">
         <TopBar
-          className="border-none lg:!px-0"
+          className="border-none"
           leftSlot={
             <Link
               href=""

diff --git a/pages/_app.tsx b/pages/_app.tsx
@@ -11,9 +11,14 @@ import Footer from '@components/layout/Footer'
 
 export default function App({ Component, pageProps }: AppProps) {
   return (
-    <main className={clsx(inter.className, 'relative pt-14 lg:pt-0')}>
+    <main
+      className={clsx(
+        inter.className,
+        'relative pt-14 lg:pt-0 overflow-hidden',
+      )}
+    >
       <Navbar />
-      <div className="h-[calc(100vh-57px)] overflow-scroll relative z-0">
+      <div className="h-[calc(100vh-57px)] overflow-hidden overflow-y-scroll relative z-0">
         <Component {...pageProps} />
         <Footer />
       </div>