(shenyu-dashboard) branch master updated: Optimize the handler layout of the rule form (#445)

[dengliming]

This is an automated email from the ASF dual-hosted git repository.

dengliming pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/shenyu-dashboard.git


The following commit(s) were added to refs/heads/master by this push:
     new a0c33944 Optimize the handler layout of the rule form (#445)
a0c33944 is described below

commit a0c339446439f01f5ea4066d35acc0dc8dd1e021
Author: Kerwin Bryant <kerwin...@qq.com>
AuthorDate: Sat Apr 6 18:47:27 2024 +0800

    Optimize the handler layout of the rule form (#445)
---
 src/routes/Plugin/Common/CommonRuleHandle.js | 4 +++-
 src/routes/Plugin/index.less                 | 6 ++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/routes/Plugin/Common/CommonRuleHandle.js 
b/src/routes/Plugin/Common/CommonRuleHandle.js
index 5a9cebda..25538a19 100644
--- a/src/routes/Plugin/Common/CommonRuleHandle.js
+++ b/src/routes/Plugin/Common/CommonRuleHandle.js
@@ -48,6 +48,7 @@ export default class CommonRuleHandle extends Component {
       <FormItem
         label={getIntlContent("SHENYU.COMMON.DEAL")}
         {...formItemLayout}
+        className={styles.rootFormItem}
       >
         <FormItem style={{ display: "none" }}>
           {getFieldDecorator("handleType", {
@@ -58,6 +59,7 @@ export default class CommonRuleHandle extends Component {
           className={styles.handleWrap}
           style={{
             display: getFieldValue("handleType") === "1" ? "flex" : "none",
+            marginTop: 0,
           }}
         >
           <div>
@@ -76,7 +78,7 @@ export default class CommonRuleHandle extends Component {
                       [styles.handleUl]: true,
                       [styles.springUl]: true,
                     })}
-                    style={{ width: "100%" }}
+                    style={{ width: "100%", padding: 0, marginBottom: "-6px" }}
                   >
                     {handleList.map((item) => {
                       let required = item.required === "1";
diff --git a/src/routes/Plugin/index.less b/src/routes/Plugin/index.less
index 87d1e600..166d7de3 100644
--- a/src/routes/Plugin/index.less
+++ b/src/routes/Plugin/index.less
@@ -196,3 +196,9 @@
     width: 180px;
   }
 }
+
+.rootFormItem {
+  :global(.ant-form-item) {
+    margin-bottom: 0px!important;
+  }
+}