(incubator-streampark) branch dev-2.1.2 updated: [Improve] dependency box style improvement

[benjobs]

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

benjobs pushed a commit to branch dev-2.1.2
in repository https://gitbox.apache.org/repos/asf/incubator-streampark.git


The following commit(s) were added to refs/heads/dev-2.1.2 by this push:
     new 5f139f129 [Improve] dependency box style improvement
5f139f129 is described below

commit 5f139f129d8cd772a414c486a87d5ef7d087530d
Author: benjobs <benj...@gmail.com>
AuthorDate: Mon Oct 30 08:56:42 2023 +0800

    [Improve] dependency box style improvement
---
 .../src/views/flink/app/styles/Add.less             | 21 +++++++++++++--------
 1 file changed, 13 insertions(+), 8 deletions(-)

diff --git 
a/streampark-console/streampark-console-webapp/src/views/flink/app/styles/Add.less
 
b/streampark-console/streampark-console-webapp/src/views/flink/app/styles/Add.less
index 680fc0fac..10e19a1e3 100644
--- 
a/streampark-console/streampark-console-webapp/src/views/flink/app/styles/Add.less
+++ 
b/streampark-console/streampark-console-webapp/src/views/flink/app/styles/Add.less
@@ -186,27 +186,26 @@
   }
 
   .dependency-box {
-    margin-right: 10px;
     margin-top: 15px;
-    margin-bottom: -10px;
+    width: 100%;
     border-radius: 5px;
-    background-color: @background-color-base;
+    background-color: #e6f4ff;
+    border: 1px solid #91caff;
     display: inline-block;
+    margin-bottom: -25px;
 
     .dependency-item {
       position: relative;
       border: unset;
+      background-color: unset;
       line-height: 35px;
       padding: 0 6px;
       width: unset;
       float: left;
-      margin: 2px 4px 0;
-
       .ant-alert-close-icon {
         position: relative;
         left: 5px;
         top: 6px;
-        color: @background-color-base;
       }
     }
   }
@@ -267,8 +266,14 @@
 }
 
 [data-theme='dark'] {
-  .app_controller .icon-close {
-    color: #ffffff73;
+  .app_controller {
+    .icon-close {
+      color: #ffffff73;
+    }
+    .dependency-box {
+      background-color: #111b26;
+      border: 1px solid #153450;
+    }
   }
 }