fix: add line breaks to mcp edit dialog (bytedance#313)

jfeng-3 · web-flow · commit 8823ffdb6ab3 · 2025-06-17T08:31:35.000+08:00
diff --git a/web/src/app/settings/dialogs/add-mcp-server-dialog.tsx b/web/src/app/settings/dialogs/add-mcp-server-dialog.tsx
@@ -138,7 +138,7 @@ export function AddMCPServerDialog({
 
         <main>
           <Textarea
-            className="h-[360px] sm:max-w-[510px]"
+            className="h-[360px] sm:max-w-[510px] break-all"
             placeholder={
               'Example:\n\n{\n  "mcpServers": {\n    "My Server": {\n      "command": "python",\n      "args": [\n        "-m", "mcp_server"\n      ],\n      "env": {\n        "API_KEY": "YOUR_API_KEY"\n      }\n    }\n  }\n}'
             }

Original file line number	Diff line number	Diff line change
`@@ -138,7 +138,7 @@ export function AddMCPServerDialog({`
`138`	`138`
`139`	`139`	`<main>`
`140`	`140`	`<Textarea`
`141`		`- className="h-[360px] sm:max-w-[510px]"`
	`141`	`+ className="h-[360px] sm:max-w-[510px] break-all"`
`142`	`142`	`placeholder={`
`143`	`143`	`'Example:\n\n{\n "mcpServers": {\n "My Server": {\n "command": "python",\n "args": [\n "-m", "mcp_server"\n ],\n "env": {\n "API_KEY": "YOUR_API_KEY"\n }\n }\n }\n}'`
`144`	`144`	`}`