[Improve] dependency box style improvement

apache · Oct 30, 2023 · 5f139f1 · 5f139f1
1 parent 31754c6
commit 5f139f1
Showing 1 changed file with 13 additions and 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
@@ -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;
+    }
   }
 }