This is an automated email from the ASF dual-hosted git repository.
liuhongyu pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/shenyu-dashboard.git
The following commit(s) were added to refs/heads/master by this push:
new 74fc361a [style]Style/dialog button style (#570)
74fc361a is described below
commit 74fc361abb02ba3672ca4a58f3f049af21cbcab4
Author: renlu <[email protected]>
AuthorDate: Thu Feb 5 13:08:30 2026 +0800
[style]Style/dialog button style (#570)
* fix:mcp requestConfig json parse
* fix: lint
* style: change buttons style
---
src/routes/Plugin/McpServer/JsonEditModal.js | 40 +++++++++++----------
src/routes/Plugin/McpServer/ToolsModal.js | 52 ++++++++++++++++------------
2 files changed, 52 insertions(+), 40 deletions(-)
diff --git a/src/routes/Plugin/McpServer/JsonEditModal.js
b/src/routes/Plugin/McpServer/JsonEditModal.js
index 86ef1673..487942ff 100644
--- a/src/routes/Plugin/McpServer/JsonEditModal.js
+++ b/src/routes/Plugin/McpServer/JsonEditModal.js
@@ -16,7 +16,7 @@
*/
import React, { Component } from "react";
-import { Button, Modal, message, Input, Row, Col, Tabs, Radio } from "antd";
+import { Button, Modal, message, Input, Tabs, Radio } from "antd";
import ReactJson from "react-json-view";
import { getIntlContent } from "../../../utils/IntlUtils";
@@ -449,23 +449,27 @@ class JsonEditModal extends Component {
: getIntlContent("SHENYU.MCP.JSON.EDIT.UNIFIED.DESCRIPTION")}
</p>
- <Row gutter={8}>
- <Col>
- <Button size="small" onClick={this.handleFormatJson}>
- {getIntlContent("SHENYU.MCP.JSON.EDIT.FORMAT")}
- </Button>
- </Col>
- <Col>
- <Button size="small" onClick={this.handleCompressJson}>
- {getIntlContent("SHENYU.MCP.JSON.EDIT.COMPRESS")}
- </Button>
- </Col>
- <Col>
- <Button size="small" onClick={this.handleCopyToClipboard}>
- {getIntlContent("SHENYU.MCP.JSON.EDIT.COPY")}
- </Button>
- </Col>
- </Row>
+ <div style={{ display: "flex", gap: "10px" }}>
+ <Button type="dashed" size="small" onClick={this.handleFormatJson}>
+ {getIntlContent("SHENYU.MCP.JSON.EDIT.FORMAT")}
+ </Button>
+
+ <Button
+ type="dashed"
+ size="small"
+ onClick={this.handleCompressJson}
+ >
+ {getIntlContent("SHENYU.MCP.JSON.EDIT.COMPRESS")}
+ </Button>
+
+ <Button
+ type="dashed"
+ size="small"
+ onClick={this.handleCopyToClipboard}
+ >
+ {getIntlContent("SHENYU.MCP.JSON.EDIT.COPY")}
+ </Button>
+ </div>
</div>
{editMode === "separate" ? (
diff --git a/src/routes/Plugin/McpServer/ToolsModal.js
b/src/routes/Plugin/McpServer/ToolsModal.js
index f48db5d1..bc298598 100644
--- a/src/routes/Plugin/McpServer/ToolsModal.js
+++ b/src/routes/Plugin/McpServer/ToolsModal.js
@@ -953,28 +953,36 @@ class AddModal extends Component {
</p>
{editMode === "json" && (
- <Row gutter={8}>
- <Col>
- <Button size="small" onClick={this.generateTemplate}>
- {getIntlContent("SHENYU.MCP.TOOLS.ADD.JSON.TEMPLATE")}
- </Button>
- </Col>
- <Col>
- <Button size="small" onClick={this.handleFormatJson}>
- {getIntlContent("SHENYU.MCP.JSON.EDIT.FORMAT")}
- </Button>
- </Col>
- <Col>
- <Button size="small" onClick={this.handleCompressJson}>
- {getIntlContent("SHENYU.MCP.JSON.EDIT.COMPRESS")}
- </Button>
- </Col>
- <Col>
- <Button size="small" onClick={this.handleCopyToClipboard}>
- {getIntlContent("SHENYU.MCP.JSON.EDIT.COPY")}
- </Button>
- </Col>
- </Row>
+ <div style={{ display: "flex", gap: "10px" }}>
+ <Button
+ type="dashed"
+ size="small"
+ onClick={this.generateTemplate}
+ >
+ {getIntlContent("SHENYU.MCP.TOOLS.ADD.JSON.TEMPLATE")}
+ </Button>
+ <Button
+ type="dashed"
+ size="small"
+ onClick={this.handleFormatJson}
+ >
+ {getIntlContent("SHENYU.MCP.JSON.EDIT.FORMAT")}
+ </Button>
+ <Button
+ type="dashed"
+ size="small"
+ onClick={this.handleCompressJson}
+ >
+ {getIntlContent("SHENYU.MCP.JSON.EDIT.COMPRESS")}
+ </Button>
+ <Button
+ type="dashed"
+ size="small"
+ onClick={this.handleCopyToClipboard}
+ >
+ {getIntlContent("SHENYU.MCP.JSON.EDIT.COPY")}
+ </Button>
+ </div>
)}
</div>
