[incubator-streampark] branch dev updated: improve: application style (#2087)

[be...@apache.org]

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

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


The following commit(s) were added to refs/heads/dev by this push:
     new 1276676ef improve: application style (#2087)
1276676ef is described below

commit 1276676ef14f93a7fb87b10e4e81a5b6ea40f9dc
Author: WSZ <12...@qq.com>
AuthorDate: Thu Nov 24 19:58:54 2022 +0800

    improve: application style (#2087)
---
 .../streampark-console-webapp/build/generate/generateModifyVars.ts   | 2 +-
 .../src/components/Table/src/BasicTable.vue                          | 5 ++---
 .../streampark-console-webapp/src/views/flink/app/styles/Add.less    | 2 +-
 .../streampark-console-webapp/src/views/flink/app/styles/View.less   | 2 --
 4 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/streampark-console/streampark-console-webapp/build/generate/generateModifyVars.ts b/streampark-console/streampark-console-webapp/build/generate/generateModifyVars.ts
index 4f3834d84..38dcf5c69 100644
--- a/streampark-console/streampark-console-webapp/build/generate/generateModifyVars.ts
+++ b/streampark-console/streampark-console-webapp/build/generate/generateModifyVars.ts
@@ -44,7 +44,7 @@ export function generateModifyVars(dark = false) {
     'success-color': '#31CE36', //  Success color
     'error-color': '#F25961', //  False color
     'warning-color': '#FFAD46', //   Warning color
-    'border-color-base': '#ebecec',
+    'border-color-base': '#d9d9d9',
     'font-size-base': '14px', //  Main font size
     'border-radius-base': '4px',
     'border-radius-sm': '2px',
diff --git a/streampark-console/streampark-console-webapp/src/components/Table/src/BasicTable.vue b/streampark-console/streampark-console-webapp/src/components/Table/src/BasicTable.vue
index 0ee024d2d..7bcf6add8 100644
--- a/streampark-console/streampark-console-webapp/src/components/Table/src/BasicTable.vue
+++ b/streampark-console/streampark-console-webapp/src/components/Table/src/BasicTable.vue
@@ -381,7 +381,7 @@
     .@{prefix-cls} {
       .ant-table-wrapper,
       .ant-form {
-        border: 1px solid rgba(255, 255, 255, 0.02);
+        border: none;
         box-shadow: 0 1px 6px #000;
       }
     }
@@ -404,7 +404,7 @@
         padding: 12px 10px 6px;
         margin-bottom: 16px;
         background-color: @component-background;
-        border: 1px solid @border-color-base;
+        border: none;
         border-radius: 4px;
       }
     }
@@ -417,7 +417,6 @@
       padding: 10px;
       background-color: @component-background;
       border-radius: 4px !important;
-      border: 1px solid @border-color-base;
 
       .ant-table-title {
         min-height: 40px;
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 b684efc11..680fc0fac 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
@@ -191,7 +191,6 @@
     margin-bottom: -10px;
     border-radius: 5px;
     background-color: @background-color-base;
-    border: 1px solid @border-color-base;
     display: inline-block;
 
     .dependency-item {
@@ -201,6 +200,7 @@
       padding: 0 6px;
       width: unset;
       float: left;
+      margin: 2px 4px 0;
 
       .ant-alert-close-icon {
         position: relative;
diff --git a/streampark-console/streampark-console-webapp/src/views/flink/app/styles/View.less b/streampark-console/streampark-console-webapp/src/views/flink/app/styles/View.less
index 7fb774478..98852052f 100644
--- a/streampark-console/streampark-console-webapp/src/views/flink/app/styles/View.less
+++ b/streampark-console/streampark-console-webapp/src/views/flink/app/styles/View.less
@@ -49,7 +49,6 @@
   position: relative;
   border-radius: 4px;
   transition: all 0.3s;
-  border: 1px solid @border-color-base;
 
   .ant-divider-horizontal {
     margin: 10px 0;
@@ -173,6 +172,5 @@
 
   .gutter-box {
     box-shadow: 0 1px 6px #000;
-    border: 1px solid rgba(255, 255, 255, 0.02);
   }
 }