modelcontextprotocol/inspector
Watch
1
0
Fork
You've already forked inspector
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 2

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
commit dfb36e1792
No known key found for this signature in database
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