From addf150a9e3d2a38c14790e5dc485aff63b30d7a Mon Sep 17 00:00:00 2001
From: Joel <iamjoel007@gmail.com>
Date: Mon, 26 Jun 2023 13:35:12 +0800
Subject: [PATCH] fix: hove x scroll shake (#449)

---
 web/app/components/app/chat/index.tsx                | 12 +++++++-----
 web/app/components/app/configuration/debug/index.tsx |  3 +--
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/web/app/components/app/chat/index.tsx b/web/app/components/app/chat/index.tsx
index 18cd5e9a28..cb103f5299 100644
--- a/web/app/components/app/chat/index.tsx
+++ b/web/app/components/app/chat/index.tsx
@@ -352,10 +352,12 @@ const Answer: FC<IAnswerProps> = ({ item, feedbackDisabled = false, isHideFeedba
                 }
               </div>
               <div className='absolute top-[-14px] right-[-14px] flex flex-row justify-end gap-1'>
-                <CopyBtn
-                  value={content}
-                  className={cn(s.copyBtn, 'mr-1')}
-                />
+                {!item.isOpeningStatement && (
+                  <CopyBtn
+                    value={content}
+                    className={cn(s.copyBtn, 'mr-1')}
+                  />
+                )}
                 {!feedbackDisabled && !item.feedbackDisabled && renderItemOperation(displayScene !== 'console')}
                 {/* Admin feedback is displayed only in the background. */}
                 {!feedbackDisabled && renderFeedbackRating(localAdminFeedback?.rating, false, false)}
@@ -487,7 +489,7 @@ const Chat: FC<IChatProps> = ({
   }, [suggestionList])
 
   return (
-    <div className={cn(!feedbackDisabled && 'px-3.5', 'h-full')}>
+    <div className={cn('px-3.5', 'h-full')}>
       {/* Chat List */}
       <div className="h-full space-y-[30px]">
         {chatList.map((item) => {
diff --git a/web/app/components/app/configuration/debug/index.tsx b/web/app/components/app/configuration/debug/index.tsx
index 9a2bdca3c3..5ecae6ed4e 100644
--- a/web/app/components/app/configuration/debug/index.tsx
+++ b/web/app/components/app/configuration/debug/index.tsx
@@ -370,8 +370,7 @@ const Debug: FC<IDebug> = ({
         {mode === AppType.chat && (
           <div className="mt-[34px] h-full flex flex-col">
             <div className={cn(doShowSuggestion ? 'pb-[140px]' : (isResponsing ? 'pb-[113px]' : 'pb-[66px]'), 'relative mt-1.5 grow h-[200px] overflow-hidden')}>
-              <div className="h-full overflow-y-auto" ref={chatListDomRef}>
-                {/* {JSON.stringify(chatList)} */}
+              <div className="h-full overflow-y-auto overflow-x-hidden" ref={chatListDomRef}>
                 <Chat
                   chatList={chatList}
                   onSend={onSend}