refactor: 调整手动安装的输入框大小

web/src/plugin/PluginStore/ManualInstall.tsx

@@ -4,6 +4,9 @@ import { isValidJson, showToasts, t, useAsyncRequest } from 'tailchat-shared';
 import { pluginManager } from '../manager';
 import { parsePluginManifest } from '../utils';
 
+/**
+ * 手动安装
+ */
 export const ManualInstall: React.FC = React.memo(() => {
   const [json, setJson] = useState('');
 
@@ -15,7 +18,7 @@ export const ManualInstall: React.FC = React.memo(() => {
   const invalid = useMemo(() => !isValidJson(json), [json]);
 
   return (
-    <div>
+    <div className="p-2">
       <Input.TextArea
         placeholder={t(
           '请手动输入JSON信息，如果你不明确你在做什么请不要使用该功能'
@@ -23,12 +26,14 @@ export const ManualInstall: React.FC = React.memo(() => {
         disabled={loading}
         value={json}
         onChange={(e) => setJson(e.target.value)}
+        rows={18}
       />
 
       <div className="text-red-500">
         {invalid && json !== '' && t('不是一个合法的JSON字符串')}&nbsp;
       </div>
 
+      <div className="text-right">
         <Button
           loading={loading}
           disabled={invalid}
@@ -37,6 +42,7 @@ export const ManualInstall: React.FC = React.memo(() => {
           {t('确认')}
         </Button>
       </div>
+    </div>
   );
 });
 ManualInstall.displayName = 'ManualInstall';