From 9bfa9c1bef29db6f2839ac3a24d6f5e9056c5da7 Mon Sep 17 00:00:00 2001
From: ShellWen <me@shellwen.com>
Date: Mon, 23 Feb 2026 04:59:10 +0800
Subject: [PATCH] fix(web,ui): adjust chat area height for better
 responsiveness

---
 packages/ui/src/components/scroll-area/ScrollArea.vue | 2 +-
 packages/web/src/pages/chat/index.vue                 | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/ui/src/components/scroll-area/ScrollArea.vue b/packages/ui/src/components/scroll-area/ScrollArea.vue
index e565cacd..eeed67a5 100644
--- a/packages/ui/src/components/scroll-area/ScrollArea.vue
+++ b/packages/ui/src/components/scroll-area/ScrollArea.vue
@@ -23,7 +23,7 @@ const delegatedProps = reactiveOmit(props, 'class')
   >
     <ScrollAreaViewport
       data-slot="scroll-area-viewport"
-      class="focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1"
+      class="focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1 flex flex-col [&>div:first-child]:flex-1"
     >
       <slot />
     </ScrollAreaViewport>
diff --git a/packages/web/src/pages/chat/index.vue b/packages/web/src/pages/chat/index.vue
index d6f937c1..7f75fe30 100644
--- a/packages/web/src/pages/chat/index.vue
+++ b/packages/web/src/pages/chat/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="flex h-[calc(100vh-calc(var(--spacing)*20))]">
+  <div class="flex h-full">
     <!-- Left: Bot sidebar -->
     <BotSidebar />