From 19ee89418ab671ef82838d22fb9a730e54444821 Mon Sep 17 00:00:00 2001
From: dengqichen <dengqichen@iscmtech.com>
Date: Fri, 6 Dec 2024 16:20:56 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=A0=B7=E5=BC=8F=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Definition/Designer/index.module.less     | 72 +++++++++++--------
 1 file changed, 41 insertions(+), 31 deletions(-)

diff --git a/frontend/src/pages/Workflow/Definition/Designer/index.module.less b/frontend/src/pages/Workflow/Definition/Designer/index.module.less
index 4b580fbd..8629f62b 100644
--- a/frontend/src/pages/Workflow/Definition/Designer/index.module.less
+++ b/frontend/src/pages/Workflow/Definition/Designer/index.module.less
@@ -3,8 +3,9 @@
         height: 100%;
         display: flex;
         flex-direction: column;
-        
+
         &-container {
+            height: calc(100vh - 170px);
             height: 100%;
             background: #fff;
             border-radius: 2px;
@@ -21,23 +22,26 @@
 
         &-content {
             position: relative;
+            height: 100%;
+            padding: 16px;
             flex: 1;
-            min-height: 0;  // 允许内容区域收缩
-            padding: 8px;  // 减小内边距
+            min-height: 0; // 允许内容区域收缩
+            padding: 8px; // 减小内边距
             background: #fafafa;
             display: flex;
             flex-direction: column;
         }
 
         &-graph {
+            height: 100%;
             flex: 1;
-            min-height: 0;  // 允许内容区域收缩
+            min-height: 0; // 允许内容区域收缩
             background: #fff;
             border: 1px solid #f0f0f0;
             border-radius: 2px;
             position: relative;
         }
-        
+
         &-minimap {
             position: absolute;
             right: 24px;
@@ -51,36 +55,42 @@
             z-index: 1;
         }
     }
-    
-    .ant-card {
-        height: 100%;
-        display: flex;
-        flex-direction: column;
-        
-        .ant-card-head {
-            flex-shrink: 0;
-        }
-        
-        .ant-card-body {
-            flex: 1;
-            padding: 0;
-            min-height: 0;  // 允许内容区域收缩
+
+    .ant-card-body {
+        height: calc(100% - 57px);
+        padding: 0;
+
+        .ant-card {
+            height: 100%;
             display: flex;
             flex-direction: column;
+
+            .ant-card-head {
+                flex-shrink: 0;
+            }
+
+            .ant-card-body {
+                flex: 1;
+                padding: 0;
+                min-height: 0; // 允许内容区域收缩
+                display: flex;
+                flex-direction: column;
+            }
         }
-    }
-    
-    .ant-layout {
-        flex: 1;
-        min-height: 0;  // 允许内容区域收缩
-        background: #fff;
-        display: flex;
-        
-        .ant-layout-content {
+
+        .ant-layout {
+            height: 100%;
             flex: 1;
-            position: relative;
-            padding: 8px;  // 减小内边距
-            background: #fafafa;
+            min-height: 0; // 允许内容区域收缩
+            background: #fff;
+            display: flex;
+
+            .ant-layout-content {
+                flex: 1;
+                position: relative;
+                padding: 8px; // 减小内边距
+                background: #fafafa;
+            }
         }
     }
 }
\ No newline at end of file