refactor(mcp): improve form label layout and simplify text
- Simplify config label from "Full JSON configuration or use" to "Full JSON Configuration" - Align wizard button to the right using justify-between layout - Apply same pattern to TOML configuration label - Improve visual balance with cleaner left-right alignment
This commit is contained in:
@@ -651,11 +651,11 @@ const McpFormModal: React.FC<McpFormModalProps> = ({
|
||||
|
||||
{/* 配置输入框(根据格式显示 JSON 或 TOML) */}
|
||||
<div>
|
||||
<div className="flex items-baseline gap-1 mb-2">
|
||||
<div className="flex items-center justify-between mb-2">
|
||||
<label className="text-sm font-medium text-gray-700 dark:text-gray-300">
|
||||
{useToml
|
||||
? t("mcp.form.tomlConfigOrPrefix")
|
||||
: t("mcp.form.jsonConfigOrPrefix")}
|
||||
? t("mcp.form.tomlConfig")
|
||||
: t("mcp.form.jsonConfig")}
|
||||
</label>
|
||||
{(isEditing || selectedPreset === -1) && (
|
||||
<button
|
||||
|
||||
@@ -468,11 +468,11 @@
|
||||
"docs": "Docs",
|
||||
"docsPlaceholder": "https://example.com/docs",
|
||||
"additionalInfo": "Additional Info",
|
||||
"jsonConfig": "JSON Configuration",
|
||||
"jsonConfig": "Full JSON Configuration",
|
||||
"jsonConfigOrPrefix": "Full JSON configuration or use",
|
||||
"tomlConfigOrPrefix": "Full TOML configuration or use",
|
||||
"jsonPlaceholder": "{\n \"type\": \"stdio\",\n \"command\": \"uvx\",\n \"args\": [\"mcp-server-fetch\"]\n}",
|
||||
"tomlConfig": "TOML Configuration",
|
||||
"tomlConfig": "Full TOML Configuration",
|
||||
"tomlPlaceholder": "type = \"stdio\"\ncommand = \"uvx\"\nargs = [\"mcp-server-fetch\"]",
|
||||
"useWizard": "Config Wizard",
|
||||
"syncOtherSide": "Mirror to {{target}}",
|
||||
|
||||
@@ -468,11 +468,11 @@
|
||||
"docs": "文档链接",
|
||||
"docsPlaceholder": "https://example.com/docs",
|
||||
"additionalInfo": "附加信息",
|
||||
"jsonConfig": "JSON 配置",
|
||||
"jsonConfig": "完整的 JSON 配置",
|
||||
"jsonConfigOrPrefix": "完整的 JSON 配置或者使用",
|
||||
"tomlConfigOrPrefix": "完整的 TOML 配置或者使用",
|
||||
"jsonPlaceholder": "{\n \"type\": \"stdio\",\n \"command\": \"uvx\",\n \"args\": [\"mcp-server-fetch\"]\n}",
|
||||
"tomlConfig": "TOML 配置",
|
||||
"tomlConfig": "完整的 TOML 配置",
|
||||
"tomlPlaceholder": "type = \"stdio\"\ncommand = \"uvx\"\nargs = [\"mcp-server-fetch\"]",
|
||||
"useWizard": "配置向导",
|
||||
"syncOtherSide": "同步到 {{target}}",
|
||||
|
||||
Reference in New Issue
Block a user