Skip to content

Commit 7216726

Browse files
committed
refactor: convert QwenCode component to use Tailwind CSS
- Replaced all inline styles with Tailwind utility classes - Uses consistent text sizing with text-xs - Uses VSCode color variables through Tailwind classes - Maintains same visual appearance with cleaner code
1 parent c9bc90f commit 7216726

File tree

1 file changed

+5
-15
lines changed

1 file changed

+5
-15
lines changed

webview-ui/src/components/settings/providers/QwenCode.tsx

Lines changed: 5 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -28,29 +28,24 @@ export const QwenCode: React.FC<QwenCodeProps> = ({ apiConfiguration, setApiConf
2828
<div>
2929
<VSCodeTextField
3030
value={apiConfiguration?.qwenCodeOauthPath || ""}
31-
style={{ width: "100%", marginTop: 3 }}
31+
className="w-full mt-1"
3232
type="text"
3333
onInput={handleInputChange}
3434
onBlur={handleBlur}
3535
placeholder={defaultPath}>
3636
OAuth Credentials Path
3737
</VSCodeTextField>
3838

39-
<p
40-
style={{
41-
fontSize: "12px",
42-
marginTop: 3,
43-
color: "var(--vscode-descriptionForeground)",
44-
}}>
39+
<p className="text-xs mt-1 text-vscode-descriptionForeground">
4540
Path to your Qwen OAuth credentials file. Defaults to ~/.qwen/oauth_creds.json if left empty.
4641
</p>
4742

48-
<div style={{ fontSize: "12px", color: "var(--vscode-descriptionForeground)", marginTop: "12px" }}>
43+
<div className="text-xs text-vscode-descriptionForeground mt-3">
4944
Qwen Code is an OAuth-based API that requires authentication through the official Qwen client.
5045
You&apos;ll need to set up OAuth credentials first.
5146
</div>
5247

53-
<div style={{ fontSize: "12px", color: "var(--vscode-descriptionForeground)", marginTop: "8px" }}>
48+
<div className="text-xs text-vscode-descriptionForeground mt-2">
5449
To get started:
5550
<br />
5651
1. Install the official Qwen client
@@ -62,12 +57,7 @@ export const QwenCode: React.FC<QwenCodeProps> = ({ apiConfiguration, setApiConf
6257

6358
<VSCodeLink
6459
href="https://github.com/QwenLM/qwen-code/blob/main/README.md"
65-
style={{
66-
color: "var(--vscode-textLink-foreground)",
67-
marginTop: "8px",
68-
display: "inline-block",
69-
fontSize: "12px",
70-
}}>
60+
className="text-vscode-textLink-foreground mt-2 inline-block text-xs">
7161
Setup Instructions
7262
</VSCodeLink>
7363
</div>

0 commit comments

Comments
 (0)