From 8a770db94390f54d7ef6c62ba6e5b9174a8c15a1 Mon Sep 17 00:00:00 2001
From: TZGyn <ca538901d@mozmail.com>
Date: Mon, 20 Nov 2023 06:18:29 +0800
Subject: [PATCH] update app layout for overflow scrolling

---
 src/routes/(app)/+layout.svelte | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/routes/(app)/+layout.svelte b/src/routes/(app)/+layout.svelte
index d42c6bc..782c5a2 100644
--- a/src/routes/(app)/+layout.svelte
+++ b/src/routes/(app)/+layout.svelte
@@ -18,9 +18,10 @@
 
 <div class="flex h-screen w-full">
 	<Sidebar email={data.user.email} class="hidden lg:flex" />
-	<div class="h-full max-h-screen w-full overflow-scroll">
+	<div
+		class="flex h-full max-h-screen w-full flex-col overflow-hidden">
 		<div
-			class="sticky top-0 block w-full border-b bg-background px-4 py-2 lg:hidden">
+			class="block w-full border-b bg-background px-4 py-2 lg:hidden">
 			<Sheet.Root bind:open={sheetOpen}>
 				<Sheet.Trigger asChild let:builder>
 					<Button builders={[builder]} variant="ghost" class="p-2">
@@ -57,7 +58,7 @@
 				</Sheet.Content>
 			</Sheet.Root>
 		</div>
-		<div class="h-full w-full p-4">
+		<div class="flex h-full w-full flex-col overflow-hidden p-4">
 			<slot />
 		</div>
 	</div>