Browse Source

fix: improve separation element in prompt log and TTS buttons in the operation (#6413)

Kuizuo 9 months ago
parent
commit
166a40c66e
1 changed files with 5 additions and 2 deletions
  1. 5 2
      web/app/components/base/chat/chat/answer/operation.tsx

+ 5 - 2
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}