From 1ff5cf9ed1959548a964c19ac3a571d0fcfad05b Mon Sep 17 00:00:00 2001
From: niuwan <niuwan@gaoding.com>
Date: Sun, 9 Apr 2023 17:55:01 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E5=8F=91=E9=80=81=E4=B8=AD=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components/chat.tsx         | 7 ++++++-
 app/components/home.module.scss | 4 ++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/app/components/chat.tsx b/app/components/chat.tsx
index c5c257e54..8d9ee0c4e 100644
--- a/app/components/chat.tsx
+++ b/app/components/chat.tsx
@@ -622,7 +622,12 @@ export function Chat(props: {
                     {Locale.Chat.Typing}
                   </div>
                 )}
-                <div className={styles["chat-message-item"]}>
+                <div
+                  className={`${styles["chat-message-item"]} ${
+                    (message.preview || message.streaming) &&
+                    styles["chat-message-typing"]
+                  }`}
+                >
                   {!isUser &&
                     !(message.preview || message.content.length === 0) && (
                       <div className={styles["chat-message-top-actions"]}>
diff --git a/app/components/home.module.scss b/app/components/home.module.scss
index e20fa63e9..d2b401178 100644
--- a/app/components/home.module.scss
+++ b/app/components/home.module.scss
@@ -259,6 +259,10 @@
   line-height: 1.5;
   margin-top: 5px;
 }
+.chat-message-typing {
+  background-color: #FFEB3B !important;
+}
+
 
 .user-avtar {
   height: 30px;