From 2233169f46f506fd520ac65cc70c5b274808c874 Mon Sep 17 00:00:00 2001
From: MohamedBassem <me@mbassem.com>
Date: Sat, 2 Mar 2024 19:02:07 +0000
Subject: fix: Fix the double scrolling on mobile

---
 packages/web/app/dashboard/layout.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'packages/web/app/dashboard/layout.tsx')

diff --git a/packages/web/app/dashboard/layout.tsx b/packages/web/app/dashboard/layout.tsx
index 393ad8bb..59e293d2 100644
--- a/packages/web/app/dashboard/layout.tsx
+++ b/packages/web/app/dashboard/layout.tsx
@@ -8,11 +8,11 @@ export default async function Dashboard({
   children: React.ReactNode;
 }>) {
   return (
-    <div className="flex h-screen w-screen flex-col sm:flex-row">
+    <div className="flex min-h-screen w-screen flex-col sm:h-screen sm:flex-row">
       <div className="hidden flex-none sm:flex">
         <Sidebar />
       </div>
-      <main className="flex-1 overflow-y-auto bg-gray-100">
+      <main className="flex-1 bg-gray-100 sm:overflow-y-auto">
         <div className="block w-full sm:hidden">
           <MobileSidebar />
           <Separator />
-- 
cgit v1.2.3-70-g09d2

