fix: Fix the double scrolling on mobile

hoarder-app · Mar 2, 2024 · 2233169 · 2233169
1 parent aa29538
commit 2233169
Showing 1 changed file with 2 additions and 2 deletions.
diff --git 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 />