[incubator-streampark] branch dev updated: [improve] style improvement (#2018)

[kriszu]

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

kriszu 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 577350e58 [improve] style improvement (#2018)
577350e58 is described below

commit 577350e584dbbee6503adb21c94a8d5c1081d2f8
Author: benjobs <benj...@apache.org>
AuthorDate: Mon Nov 14 11:18:42 2022 +0800

    [improve] style improvement (#2018)
---
 .../src/components/Table/src/BasicTable.vue               | 15 ++++++++-------
 .../src/views/flink/app/styles/View.less                  |  7 ++++---
 2 files changed, 12 insertions(+), 10 deletions(-)

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 f59d9eb64..0ee024d2d 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
@@ -364,13 +364,13 @@
   });
 </script>
 <style lang="less">
-  @border-color: #cecece4d;
+  @border-color-dark: #303030;
 
   @prefix-cls: ~'@{namespace}-basic-table';
 
   .table-radius {
     box-shadow: 0 2px 3px #e4e8f0;
-    border-radius: 5px;
+    border-radius: 4px;
   }
 
   [data-theme='dark'] {
@@ -381,7 +381,8 @@
     .@{prefix-cls} {
       .ant-table-wrapper,
       .ant-form {
-        box-shadow: 0 2px 3px #262626 !important;
+        border: 1px solid rgba(255, 255, 255, 0.02);
+        box-shadow: 0 1px 6px #000;
       }
     }
   }
@@ -403,8 +404,8 @@
         padding: 12px 10px 6px;
         margin-bottom: 16px;
         background-color: @component-background;
-        border-radius: 2px;
-        .table-radius;
+        border: 1px solid @border-color-base;
+        border-radius: 4px;
       }
     }
 
@@ -415,8 +416,8 @@
     .ant-table-wrapper {
       padding: 10px;
       background-color: @component-background;
-      border-radius: 2px;
-      .table-radius;
+      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/View.less
 
b/streampark-console/streampark-console-webapp/src/views/flink/app/styles/View.less
index 6d214d15b..7fb774478 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
@@ -47,9 +47,9 @@
   list-style: none;
   font-feature-settings: 'tnum';
   position: relative;
-  border-radius: @border-radius-base;
+  border-radius: 4px;
   transition: all 0.3s;
-  box-shadow: 0 2px 3px @shadow-color;
+  border: 1px solid @border-color-base;
 
   .ant-divider-horizontal {
     margin: 10px 0;
@@ -172,6 +172,7 @@
   }
 
   .gutter-box {
-    box-shadow: 0 2px 3px #000;
+    box-shadow: 0 1px 6px #000;
+    border: 1px solid rgba(255, 255, 255, 0.02);
   }
 }