From 24e5b9fcbd19c245a1e8655f754720521d2e2e57 Mon Sep 17 00:00:00 2001
From: dengqichen <dengqichen@iscmtech.com>
Date: Mon, 20 Jan 2025 13:54:29 +0800
Subject: [PATCH] 1

---
 .../List/components/DeploymentConfigModal.tsx      | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/frontend/src/pages/Deploy/Deployment/List/components/DeploymentConfigModal.tsx b/frontend/src/pages/Deploy/Deployment/List/components/DeploymentConfigModal.tsx
index b53f798b..81640c09 100644
--- a/frontend/src/pages/Deploy/Deployment/List/components/DeploymentConfigModal.tsx
+++ b/frontend/src/pages/Deploy/Deployment/List/components/DeploymentConfigModal.tsx
@@ -143,8 +143,8 @@ const DeploymentConfigModal: React.FC<DeploymentConfigModalProps> = ({open, onCa
                     <DialogTitle>部署配置</DialogTitle>
                 </DialogHeader>
                 <Form {...form}>
-                    <ScrollArea className="flex-1">
-                        <form onSubmit={handleSubmit} className="space-y-4 pr-6">
+                    <form onSubmit={handleSubmit} className="space-y-4 flex-1">
+                        <div className="space-y-4 px-6">
                             <div className="grid grid-cols-2 gap-4">
                                 <FormField
                                     control={form.control}
@@ -278,8 +278,8 @@ const DeploymentConfigModal: React.FC<DeploymentConfigModalProps> = ({open, onCa
                                         添加变量
                                     </Button>
                                 </div>
-                                <ScrollArea className="h-[200px]">
-                                    <div className="space-y-4 pr-2">
+                                <ScrollArea className="h-[200px] rounded-md border">
+                                    <div className="space-y-4 p-4">
                                         {fields.map((field, index) => (
                                             <div key={field.id} className="flex gap-4 items-start">
                                                 <FormField
@@ -320,10 +320,10 @@ const DeploymentConfigModal: React.FC<DeploymentConfigModalProps> = ({open, onCa
                                     </div>
                                 </ScrollArea>
                             </div>
-                        </form>
-                    </ScrollArea>
+                        </div>
+                    </form>
                 </Form>
-                <DialogFooter className="flex-shrink-0">
+                <DialogFooter className="flex-shrink-0 px-6 py-4">
                     <Button variant="outline" onClick={onCancel}>
                         取消
                     </Button>