scriptoriumadmin/Roo-Code
1
0
Fork 0
mirror of https://github.com/RooVetGit/Roo-Code.git synced 2026-09-07 08:26:51 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: convert inline styles to Tailwind classes and expand i18n error titles

Browse source 
- Converted inline style objects to Tailwind classes in ChatRow.tsx for subtask_result, newTask, and finishTask sections
- Added more common error titles to i18n tools.json for better centralization
- Maintains consistency with project guidelines for using Tailwind CSS
This commit is contained in:
Hannes Rudolph 2025-08-25 20:01:10 -06:00
parent a0d37f95ce
commit 3ff0823671
2 changed files with 20 additions and 71 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/i18n/locales/en/tools.json
View file

@ -25,6 +25,16 @@
"operationFailed": "Operation Failed",
"resourceNotFound": "Resource Not Found",
"configurationError": "Configuration Error",
"authenticationFailed": "Authentication Failed"
"authenticationFailed": "Authentication Failed",
"invalidLineNumber": "Invalid Line Number",
"fileAlreadyExists": "File Already Exists",
"directoryNotFound": "Directory Not Found",
"invalidPath": "Invalid Path",
"readError": "Read Error",
"writeError": "Write Error",
"syntaxError": "Syntax Error",
"validationError": "Validation Error",
"timeoutError": "Timeout Error",
"connectionError": "Connection Error"
}
}

79
webview-ui/src/components/chat/ChatRow.tsx
View file

@ -771,31 +771,12 @@ export const ChatRowContent = ({
/>
</span>
</div>
<div
style={{
marginTop: "4px",
backgroundColor: "var(--vscode-badge-background)",
border: "1px solid var(--vscode-badge-background)",
borderRadius: "4px 4px 0 0",
overflow: "hidden",
marginBottom: "2px",
}}>
<div
style={{
padding: "9px 10px 9px 14px",
backgroundColor: "var(--vscode-badge-background)",
borderBottom: "1px solid var(--vscode-editorGroup-border)",
fontWeight: "bold",
fontSize: "var(--vscode-font-size)",
color: "var(--vscode-badge-foreground)",
display: "flex",
alignItems: "center",
gap: "6px",
}}>
<div className="mt-1 bg-vscode-badge-background border border-vscode-badge-background rounded-t overflow-hidden mb-0.5">
<div className="py-[9px] px-[10px] pl-[14px] bg-vscode-badge-background border-b border-vscode-editorGroup-border font-bold text-[length:var(--vscode-font-size)] text-vscode-badge-foreground flex items-center gap-1.5">
<span className="codicon codicon-arrow-right"></span>
{t("chat:subtasks.newTaskContent")}
</div>
<div style={{ padding: "12px 16px", backgroundColor: "var(--vscode-editor-background)" }}>
<div className="p-3 px-4 bg-vscode-editor-background">
<MarkdownBlock markdown={tool.content} />
</div>
</div>
@ -808,31 +789,12 @@ export const ChatRowContent = ({
{toolIcon("check-all")}
<span style={{ fontWeight: "bold" }}>{t("chat:subtasks.wantsToFinish")}</span>
</div>
<div
style={{
marginTop: "4px",
backgroundColor: "var(--vscode-editor-background)",
border: "1px solid var(--vscode-badge-background)",
borderRadius: "4px",
overflow: "hidden",
marginBottom: "8px",
}}>
<div
style={{
padding: "9px 10px 9px 14px",
backgroundColor: "var(--vscode-badge-background)",
borderBottom: "1px solid var(--vscode-editorGroup-border)",
fontWeight: "bold",
fontSize: "var(--vscode-font-size)",
color: "var(--vscode-badge-foreground)",
display: "flex",
alignItems: "center",
gap: "6px",
}}>
<div className="mt-1 bg-vscode-editor-background border border-vscode-badge-background rounded overflow-hidden mb-2">
<div className="py-[9px] px-[10px] pl-[14px] bg-vscode-badge-background border-b border-vscode-editorGroup-border font-bold text-[length:var(--vscode-font-size)] text-vscode-badge-foreground flex items-center gap-1.5">
<span className="codicon codicon-check"></span>
{t("chat:subtasks.completionContent")}
</div>
<div style={{ padding: "12px 16px", backgroundColor: "var(--vscode-editor-background)" }}>
<div className="p-3 px-4 bg-vscode-editor-background">
<MarkdownBlock markdown={t("chat:subtasks.completionInstructions")} />
</div>
</div>
@ -961,35 +923,12 @@ export const ChatRowContent = ({
case "subtask_result":
return (
<div>
<div
style={{
marginTop: "0px",
backgroundColor: "var(--vscode-badge-background)",
border: "1px solid var(--vscode-badge-background)",
borderRadius: "0 0 4px 4px",
overflow: "hidden",
marginBottom: "8px",
}}>
<div
style={{
padding: "9px 10px 9px 14px",
backgroundColor: "var(--vscode-badge-background)",
borderBottom: "1px solid var(--vscode-editorGroup-border)",
fontWeight: "bold",
fontSize: "var(--vscode-font-size)",
color: "var(--vscode-badge-foreground)",
display: "flex",
alignItems: "center",
gap: "6px",
}}>
<div className="mt-0 bg-vscode-badge-background border border-vscode-badge-background rounded-b overflow-hidden mb-2">
<div className="py-[9px] px-[10px] pl-[14px] bg-vscode-badge-background border-b border-vscode-editorGroup-border font-bold text-[length:var(--vscode-font-size)] text-vscode-badge-foreground flex items-center gap-1.5">
<span className="codicon codicon-arrow-left"></span>
{t("chat:subtasks.resultContent")}
</div>
<div
style={{
padding: "12px 16px",
backgroundColor: "var(--vscode-editor-background)",
}}>
<div className="p-3 px-4 bg-vscode-editor-background">
<MarkdownBlock markdown={message.text} />
</div>
</div>