dmitry.galkin/chatbot-template
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(ui): adjust input boxes + background (#1149)

Browse source
This commit is contained in:
josh 2025-09-01 16:36:28 +01:00 • committed by GitHub
parent 92292c5a0a
commit 7123fbbd19
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 33 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

19
components/message.tsx
View file

@ -228,12 +228,15 @@ const PurePreviewMessage = ({
if (part.output && 'error' in part.output) {
return (
<div key={toolCallId} className="p-4 text-red-500 rounded-lg border border-red-200 bg-red-50 dark:bg-red-950/50">
<div
key={toolCallId}
className="p-4 text-red-500 bg-red-50 rounded-lg border border-red-200 dark:bg-red-950/50"
>
Error updating document: {String(part.output.error)}
</div>
);
}
return (
<div key={toolCallId} className="relative">
<DocumentPreview
@ -320,15 +323,15 @@ export const ThinkingMessage = () => {
animate={{ y: 0, opacity: 1, transition: { delay: 1 } }}
data-role={role}
>
<div className="flex gap-4 w-full items-start justify-start">
<div className="flex justify-center items-center rounded-full ring-1 size-8 shrink-0 ring-border bg-background mt-1">
<div className="flex items-start gap-3 justify-start -ml-3">
<div className="flex justify-center items-center mt-1 rounded-full ring-1 size-8 shrink-0 ring-border bg-background">
<SparklesIcon size={14} />
</div>
<div className="flex flex-col gap-2 w-full">
<div className="flex flex-col gap-2 text-muted-foreground">
Hmm...
</div>
<div className="flex flex-col gap-4 w-full">
<MessageContent className="bg-transparent -ml-4">
<div className="text-muted-foreground">Hmm...</div>
</MessageContent>
</div>
</div>
</motion.div>