fix: message word-wrap and develop mode UI

This commit is contained in:
2024-07-18 09:31:29 +08:00
parent 603ec23d24
commit 3328b3e94d

View File

@@ -113,9 +113,9 @@ export default function Message(props: Props) {
chat.role === "assistant" ? "justify-start" : "justify-end" chat.role === "assistant" ? "justify-start" : "justify-end"
}`} }`}
> >
<div> <div className={`w-full`}>
<div <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.role === "assistant" ? "chat-start" : "chat-end"
} ${chat.hide ? "opacity-50" : ""}`} } ${chat.hide ? "opacity-50" : ""}`}
> >
@@ -193,7 +193,11 @@ export default function Message(props: Props) {
)} )}
{showCopiedHint && <CopiedHint />} {showCopiedHint && <CopiedHint />}
{chatStore.develop_mode && ( {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> <span className="">token</span>
<input <input
value={chat.token} value={chat.token}