mirror of
https://github.com/dograh-hq/dograh.git
synced 2026-06-25 08:48:13 +02:00
chore: minor UI fixes
This commit is contained in:
parent
332754a809
commit
3da439207c
14 changed files with 92 additions and 141 deletions
|
|
@ -10,6 +10,7 @@ interface MessageBubbleProps {
|
|||
final?: boolean;
|
||||
tone?: "default" | "muted";
|
||||
reasoningDurationMs?: number;
|
||||
containerClassName?: string;
|
||||
}
|
||||
|
||||
export function MessageBubble({
|
||||
|
|
@ -18,12 +19,13 @@ export function MessageBubble({
|
|||
final = true,
|
||||
tone = "default",
|
||||
reasoningDurationMs,
|
||||
containerClassName,
|
||||
}: MessageBubbleProps) {
|
||||
const isUser = role === "user";
|
||||
const isMuted = tone === "muted";
|
||||
|
||||
return (
|
||||
<div className={cn("flex", isUser ? "justify-end" : "justify-start")}>
|
||||
<div className={cn("flex", isUser ? "justify-end" : "justify-start", containerClassName)}>
|
||||
<div className="flex max-w-[85%] flex-col gap-1">
|
||||
{!isUser && reasoningDurationMs !== undefined ? (
|
||||
<div className="flex items-center gap-1.5 px-1 text-xs text-muted-foreground">
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue