From d5f6be7e7b0ca1efd1a22cb32176a754757249ce Mon Sep 17 00:00:00 2001
From: Bob <dv4xd@proton.me>
Date: Thu, 4 Jul 2024 20:34:55 +0800
Subject: [PATCH] problem: content area doesn't allow scroll

---
 src/layouts/SidePanelLayout.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/layouts/SidePanelLayout.svelte b/src/layouts/SidePanelLayout.svelte
index dbb8647..a961031 100644
--- a/src/layouts/SidePanelLayout.svelte
+++ b/src/layouts/SidePanelLayout.svelte
@@ -39,7 +39,7 @@
 			</div>
 		</div>
 	</div>
-	<div class="flex flex-col">
+	<div class="flex flex-col h-dvh">
 		<header class="flex h-14 items-center gap-4 border-b bg-muted/40 px-4 lg:h-[60px] lg:px-6">
 			<Sheet.Root>
 				<Sheet.Trigger asChild let:builder>
@@ -103,7 +103,7 @@
 				</DropdownMenu.Content>
 			</DropdownMenu.Root>
 		</header>
-		<div class="flex flex-1 flex-col gap-4 p-4 lg:gap-6 lg:p-6">
+		<div class="flex flex-1 flex-col gap-4 p-4 lg:gap-6 lg:p-6 overflow-auto">
 			<slot name="content"></slot>
     </div>
 	</div>