From 95c6caff5a9eb52b57aa5e415fc28598498ec13e Mon Sep 17 00:00:00 2001
From: Junyan Qin <rockchinq@gmail.com>
Date: Fri, 9 May 2025 19:24:04 +0800
Subject: [PATCH] perf: styles of plugin config dialog

---
 .../PluginInstalledComponent.tsx               | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/web/src/app/home/plugins/plugin-installed/PluginInstalledComponent.tsx b/web/src/app/home/plugins/plugin-installed/PluginInstalledComponent.tsx
index 789d463e..9250fb60 100644
--- a/web/src/app/home/plugins/plugin-installed/PluginInstalledComponent.tsx
+++ b/web/src/app/home/plugins/plugin-installed/PluginInstalledComponent.tsx
@@ -69,13 +69,14 @@ const PluginInstalledComponent = forwardRef<PluginInstalledComponentRef>((props,
   return (
     <div className={`${styles.pluginListContainer}`}>
       <Dialog open={modalOpen} onOpenChange={setModalOpen}>
-        <DialogContent className="w-[700px] p-6">
-          <DialogHeader>
+        <DialogContent className="w-[700px] max-h-[80vh] p-0 flex flex-col">
+          <DialogHeader  className="px-6 pt-6 pb-2">
             <DialogTitle>插件配置</DialogTitle>
           </DialogHeader>
-          {selectedPlugin && (
-            <PluginForm
-              pluginAuthor={selectedPlugin.author}
+          <div className="flex-1 overflow-y-auto px-6">
+            {selectedPlugin && (
+              <PluginForm
+                pluginAuthor={selectedPlugin.author}
               pluginName={selectedPlugin.name}
               onFormSubmit={() => {
                 setModalOpen(false);
@@ -83,9 +84,10 @@ const PluginInstalledComponent = forwardRef<PluginInstalledComponentRef>((props,
               }}
               onFormCancel={() => {
                 setModalOpen(false);
-              }}
-            />
-          )}
+                }}
+              />
+            )}
+          </div>
         </DialogContent>
       </Dialog>