hzhang/inspector
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: use monospace font for all input fields in sidebar

Browse Source 
Makes command, arguments, URL and environment variables easier to read and edit.
This commit is contained in:
Ashwin Bhat
2024-12-19 12:14:20 -08:00
parent ef32a8f289
commit dfb36e1792
1 changed files with 5 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
client/src/components/Sidebar.tsx
View File

@@ -86,6 +86,7 @@ const Sidebar = ({
placeholder="Command" placeholder="Command"
value={command} value={command}
onChange={(e) => setCommand(e.target.value)} onChange={(e) => setCommand(e.target.value)}
className="font-mono"
/> />
</div> </div>
<div className="space-y-2"> <div className="space-y-2">
@@ -94,6 +95,7 @@ const Sidebar = ({
placeholder="Arguments (space-separated)" placeholder="Arguments (space-separated)"
value={args} value={args}
onChange={(e) => setArgs(e.target.value)} onChange={(e) => setArgs(e.target.value)}
className="font-mono"
/> />
</div> </div>
</> </>
@@ -104,6 +106,7 @@ const Sidebar = ({
placeholder="URL" placeholder="URL"
value={sseUrl} value={sseUrl}
onChange={(e) => setSseUrl(e.target.value)} onChange={(e) => setSseUrl(e.target.value)}
className="font-mono"
/> />
</div> </div>
)} )}
@@ -135,6 +138,7 @@ const Sidebar = ({
newEnv[e.target.value] = value; newEnv[e.target.value] = value;
setEnv(newEnv); setEnv(newEnv);
}} }}
className="font-mono"
/> />
<Input <Input
placeholder="Value" placeholder="Value"
@@ -144,6 +148,7 @@ const Sidebar = ({
newEnv[key] = e.target.value; newEnv[key] = e.target.value;
setEnv(newEnv); setEnv(newEnv);
}} }}
className="font-mono"
/> />
</div> </div>
<Button <Button