From ba5a089382489d5e6dbb5b90f26438ad37176250 Mon Sep 17 00:00:00 2001
From: Red Adaya <red.adaya@gmail.com>
Date: Mon, 29 Apr 2024 13:59:18 +0800
Subject: [PATCH] fix issue where scrollbar alway shows regardless of the
 height

---
 src/app/sidebar/aichat.less | 5 ++---
 src/app/sidebar/aichat.tsx  | 2 ++
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/app/sidebar/aichat.less b/src/app/sidebar/aichat.less
index 834b81ad9..048ce0c15 100644
--- a/src/app/sidebar/aichat.less
+++ b/src/app/sidebar/aichat.less
@@ -25,16 +25,15 @@
     }
 
     .content {
-        display: flex;
         flex-flow: column nowrap;
         flex: 1;
         padding: 0 15px;
         margin-bottom: 0;
+        overflow-y: auto;
 
         .chat-window {
             display: flex;
-            overflow-y: auto;
-            margin-bottom: 5px;
+            // margin-bottom: 5px;
             flex-direction: column;
             height: 100%;
 
diff --git a/src/app/sidebar/aichat.tsx b/src/app/sidebar/aichat.tsx
index ca6b4fb6b..42eab6b1f 100644
--- a/src/app/sidebar/aichat.tsx
+++ b/src/app/sidebar/aichat.tsx
@@ -251,12 +251,14 @@ class AIChat extends React.Component<{}, {}> {
                 </div>
 
                 <OverlayScrollbarsComponent className="content" options={{ scrollbars: { autoHide: "leave" } }}>
+                    {/* <div className="content"> */}
                     <div className="chat-window" ref={this.chatWindowScrollRef}>
                         <div className="filler"></div>
                         <For each="chitem" index="idx" of={chatMessageItems}>
                             {this.renderChatMessage(chitem)}
                         </For>
                     </div>
+                    {/* </div> */}
                 </OverlayScrollbarsComponent>
 
                 <div className="chat-input">