From d4f499ee41c8ab1c044fb690b980dc3d903d4e25 Mon Sep 17 00:00:00 2001
From: Kadxy <2230318258@qq.com>
Date: Thu, 16 Jan 2025 09:11:53 +0800
Subject: [PATCH] feat: adjust form style

---
 app/components/mcp-market.tsx | 28 +++++++++++-----------------
 1 file changed, 11 insertions(+), 17 deletions(-)

diff --git a/app/components/mcp-market.tsx b/app/components/mcp-market.tsx
index bbf0d4d45..0bd4a7dd6 100644
--- a/app/components/mcp-market.tsx
+++ b/app/components/mcp-market.tsx
@@ -140,7 +140,7 @@ export function McpMarketPage() {
         setUserConfig({});
       }
     }
-  }, [editingServerId, config]);
+  }, [editingServerId, config, presetServers]);
 
   // 保存服务器配置
   const saveServerConfig = async () => {
@@ -405,22 +405,16 @@ export function McpMarketPage() {
         } else if (prop.type === "string") {
           const currentValue = userConfig[key as keyof typeof userConfig] || "";
           return (
-            <ListItem
-              key={key}
-              title={key}
-              subTitle={prop.description}
-              vertical
-            >
-              <div className={styles["input-item"]}>
-                <input
-                  type="text"
-                  value={currentValue}
-                  placeholder={`Enter ${key}`}
-                  onChange={(e) => {
-                    setUserConfig({ ...userConfig, [key]: e.target.value });
-                  }}
-                />
-              </div>
+            <ListItem key={key} title={key} subTitle={prop.description}>
+              <input
+                aria-label={key}
+                type="text"
+                value={currentValue}
+                placeholder={`Enter ${key}`}
+                onChange={(e) => {
+                  setUserConfig({ ...userConfig, [key]: e.target.value });
+                }}
+              />
             </ListItem>
           );
         }