scriptoriumadmin/Roo-Code
1
0
Fork 0
mirror of https://github.com/RooVetGit/Roo-Code.git synced 2026-08-28 05:27:24 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(ui/chat): align 'Thinking' header with Task Completed; restore body padding (px-3); make lightbulb icon yellow

Browse source
This commit is contained in:
Hannes Rudolph 2025-09-08 11:56:31 -06:00
parent 8d8111f8a7
commit ea322fd885
1 changed files with 13 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
webview-ui/src/components/chat/ReasoningBlock.tsx
View file

@ -72,18 +72,22 @@ export const ReasoningBlock = ({ content, ts, isStreaming, isLast, metadata }: R
const secondsLabel = t("chat:reasoning.seconds", { count: seconds })
return (
<div className="px-3 py-1">
<div className="flex items-center gap-2 mb-1">
<span className="codicon codicon-light-bulb text-muted-foreground" />
<span className="font-medium text-vscode-foreground">{t("chat:reasoning.thinking")}</span>
<span className="font-medium text-vscode-foreground tabular-nums flex items-center gap-1">
<span className="codicon codicon-history" style={{ fontSize: "inherit" }} />
<div className="py-1">
<div className="flex items-center justify-between mb-[10px]">
<div className="flex items-center gap-2">
<span className="codicon codicon-light-bulb" style={{ color: "var(--vscode-charts-yellow)" }} />
<span className="font-bold text-vscode-foreground">{t("chat:reasoning.thinking")}</span>
</div>
<span className="text-vscode-foreground tabular-nums flex items-center gap-1">
<span className="codicon codicon-clock" style={{ fontSize: "inherit" }} />
{secondsLabel}
</span>
</div>
<div className="italic text-muted-foreground">
<MarkdownBlock markdown={content} />
</div>
{(content?.trim()?.length ?? 0) > 0 && (
<div className="px-3 italic text-vscode-descriptionForeground">
<MarkdownBlock markdown={content} />
</div>
)}
</div>
)
}