From 3328b3e94d3e9453a62658f5d0ab56ff679e00ee Mon Sep 17 00:00:00 2001
From: heimoshuiyu <heimoshuiyu@gmail.com>
Date: Thu, 18 Jul 2024 09:31:29 +0800
Subject: [PATCH] fix: message word-wrap and develop mode UI

---
 src/message.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/message.tsx b/src/message.tsx
index ebb90d1..780783a 100644
--- a/src/message.tsx
+++ b/src/message.tsx
@@ -113,9 +113,9 @@ export default function Message(props: Props) {
           chat.role === "assistant" ? "justify-start" : "justify-end"
         }`}
       >
-        <div>
+        <div className={`w-full`}>
           <div
-            className={`chat min-w-16 w-fit p-2 my-2 ${
+            className={`chat min-w-16 p-2 my-2 ${
               chat.role === "assistant" ? "chat-start" : "chat-end"
             } ${chat.hide ? "opacity-50" : ""}`}
           >
@@ -193,7 +193,11 @@ export default function Message(props: Props) {
           )}
           {showCopiedHint && <CopiedHint />}
           {chatStore.develop_mode && (
-            <div class="flex items-center gap-1">
+            <div
+              class={`gap-1 chat-end flex ${
+                chat.role === "assistant" ? "justify-start" : "justify-end"
+              }`}
+            >
               <span className="">token</span>
               <input
                 value={chat.token}