(incubator-streampark) branch dev-2.1.3 updated: [Improve] run status style improvement

[benjobs]

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

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


The following commit(s) were added to refs/heads/dev-2.1.3 by this push:
     new 697b3461f [Improve] run status style improvement
697b3461f is described below

commit 697b3461f174f9a62d0030350b8fb204f46f54d1
Author: benjobs <benj...@gmail.com>
AuthorDate: Thu Jan 18 09:45:51 2024 +0800

    [Improve] run status style improvement
---
 .../streampark-console-webapp/src/design/ant/index.less             | 4 ++--
 .../src/views/flink/app/components/State.tsx                        | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git 
a/streampark-console/streampark-console-webapp/src/design/ant/index.less 
b/streampark-console/streampark-console-webapp/src/design/ant/index.less
index 7ce7f2870..587b4e5bd 100644
--- a/streampark-console/streampark-console-webapp/src/design/ant/index.less
+++ b/streampark-console/streampark-console-webapp/src/design/ant/index.less
@@ -73,8 +73,8 @@ span.anticon:not(.app-iconify) {
   padding: 0 2px !important;
   font-weight: 400;
   cursor: default;
-  font-size: 12px;
-  line-height: 20px;
+  font-size: 10px;
+  line-height: 18px;
 }
 
 .app-bar,
diff --git 
a/streampark-console/streampark-console-webapp/src/views/flink/app/components/State.tsx
 
b/streampark-console/streampark-console-webapp/src/views/flink/app/components/State.tsx
index 7e425af09..a9647c038 100644
--- 
a/streampark-console/streampark-console-webapp/src/views/flink/app/components/State.tsx
+++ 
b/streampark-console/streampark-console-webapp/src/views/flink/app/components/State.tsx
@@ -159,9 +159,9 @@ export default defineComponent({
       // create a dom to calculate the width of the tag
       const dom = document.createElement('span');
       dom.style.display = 'inline-block';
-      dom.style.fontSize = '12px';
-      dom.style.padding = '0 3px';
-      dom.style.borderRadius = '1px';
+      dom.style.fontSize = '10px';
+      dom.style.padding = '0 2px';
+      dom.style.borderRadius = '2px';
       dom.textContent = props.maxTitle;
       document.body.appendChild(dom);
       const width = dom.clientWidth + 2;