From 166a40c66e1192922c78baee48b37badc56ce329 Mon Sep 17 00:00:00 2001
From: Kuizuo <hi@kuizuo.cn>
Date: Thu, 18 Jul 2024 14:44:34 +0800
Subject: [PATCH] fix: improve separation element in prompt log and TTS buttons
 in the operation (#6413)

---
 web/app/components/base/chat/chat/answer/operation.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/web/app/components/base/chat/chat/answer/operation.tsx b/web/app/components/base/chat/chat/answer/operation.tsx
index e3e912d289..d46aa34375 100644
--- a/web/app/components/base/chat/chat/answer/operation.tsx
+++ b/web/app/components/base/chat/chat/answer/operation.tsx
@@ -113,11 +113,14 @@ const Operation: FC<OperationProps> = ({
         {!isOpeningStatement && (showPromptLog || config?.text_to_speech?.enabled) && (
           <div className='hidden group-hover:flex items-center w-max h-[28px] p-0.5 rounded-lg bg-white border-[0.5px] border-gray-100 shadow-md shrink-0'>
             {showPromptLog && (
-              <Log logItem={item} />
+              <>
+                <Log logItem={item} />
+                <div className='mx-1 w-[1px] h-[14px] bg-gray-200' />
+              </>
             )}
+
             {(config?.text_to_speech?.enabled) && (
               <>
-                <div className='mx-1 w-[1px] h-[14px] bg-gray-200' />
                 <AudioBtn
                   id={id}
                   value={content}