feat: adjust form style

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
+            <ListItem key={key} title={key} subTitle={prop.description}>
-              key={key}
+              <input
-              title={key}
+                aria-label={key}
-              subTitle={prop.description}
+                type="text"
-              vertical
+                value={currentValue}
-            >
+                placeholder={`Enter ${key}`}
-              <div className={styles["input-item"]}>
+                onChange={(e) => {
-                <input
+                  setUserConfig({ ...userConfig, [key]: e.target.value });
-                  type="text"
+                }}
-                  value={currentValue}
+              />
-                  placeholder={`Enter ${key}`}
-                  onChange={(e) => {
-                    setUserConfig({ ...userConfig, [key]: e.target.value });
-                  }}
-                />
-              </div>
             </ListItem>
           );
         }