(incubator-streampark) branch dev-2.1.5 updated: [Improve] flink-webui icon style improvements

[benjobs]

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

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


The following commit(s) were added to refs/heads/dev-2.1.5 by this push:
     new 6705cd3b0 [Improve] flink-webui icon style improvements
6705cd3b0 is described below

commit 6705cd3b05a7cb7343cde9a6d00b951fb5b6eddf
Author: benjobs <benj...@apache.org>
AuthorDate: Mon Oct 7 09:44:33 2024 +0800

    [Improve] flink-webui icon style improvements
---
 .../streampark-console-webapp/src/views/flink/app/Detail.vue     | 4 ++--
 .../src/views/flink/app/components/AppResize.vue                 | 1 +
 .../src/views/flink/app/hooks/useFlinkRender.tsx                 | 2 +-
 .../src/views/flink/app/hooks/useSavepoint.tsx                   | 9 ++-------
 4 files changed, 6 insertions(+), 10 deletions(-)

diff --git 
a/streampark-console/streampark-console-webapp/src/views/flink/app/Detail.vue 
b/streampark-console/streampark-console-webapp/src/views/flink/app/Detail.vue
index ec591fbf0..2b718ac19 100644
--- 
a/streampark-console/streampark-console-webapp/src/views/flink/app/Detail.vue
+++ 
b/streampark-console/streampark-console-webapp/src/views/flink/app/Detail.vue
@@ -22,7 +22,7 @@
   import { useModal } from '/@/components/Modal';
   import { PageWrapper } from '/@/components/Page';
   import { Description, useDescription } from '/@/components/Description';
-  import { Icon } from '/@/components/Icon';
+  import { Icon, SvgIcon } from '/@/components/Icon';
   import { useRoute, useRouter } from 'vue-router';
   import { fetchGet, fetchOptionLog, fetchYarn } from '/@/api/flink/app/app';
   import { onUnmounted, reactive, h, ref, onMounted } from 'vue';
@@ -210,7 +210,7 @@
           :disabled="appNotRunning"
           class="float-right -mt-8px mr-20px"
         >
-          <Icon icon="ant-design:cloud-outlined" />
+          <SvgIcon name="flink" class="mr-1" />
           {{ t('flink.app.detail.flinkWebUi') }}
         </a-button>
       </div>
diff --git 
a/streampark-console/streampark-console-webapp/src/views/flink/app/components/AppResize.vue
 
b/streampark-console/streampark-console-webapp/src/views/flink/app/components/AppResize.vue
index 183ee3704..7615b6c4f 100644
--- 
a/streampark-console/streampark-console-webapp/src/views/flink/app/components/AppResize.vue
+++ 
b/streampark-console/streampark-console-webapp/src/views/flink/app/components/AppResize.vue
@@ -119,6 +119,7 @@
 
     &.app-vertical {
       width: 7px;
+      margin-left: -1px;
       height: calc(100% - 95px);
       border-left: 1px solid var(--resize-border-color);
       cursor: col-resize;
diff --git 
a/streampark-console/streampark-console-webapp/src/views/flink/app/hooks/useFlinkRender.tsx
 
b/streampark-console/streampark-console-webapp/src/views/flink/app/hooks/useFlinkRender.tsx
index 61a2ade8f..77e3c8191 100644
--- 
a/streampark-console/streampark-console-webapp/src/views/flink/app/hooks/useFlinkRender.tsx
+++ 
b/streampark-console/streampark-console-webapp/src/views/flink/app/hooks/useFlinkRender.tsx
@@ -486,7 +486,7 @@ export const renderSqlHistory = (
       width: 600,
       content: () => {
         return (
-          <Form class="!pt-30px">
+          <Form class="!pt-30px" layout="vertical" baseColProps={{ span: 20, 
offset: 2 }}>
             <Form.Item
               label={t('flink.app.flinkSql.version')}
               label-col={{ lg: { span: 5 }, sm: { span: 7 } }}
diff --git 
a/streampark-console/streampark-console-webapp/src/views/flink/app/hooks/useSavepoint.tsx
 
b/streampark-console/streampark-console-webapp/src/views/flink/app/hooks/useSavepoint.tsx
index d0962e26d..537375a55 100644
--- 
a/streampark-console/streampark-console-webapp/src/views/flink/app/hooks/useSavepoint.tsx
+++ 
b/streampark-console/streampark-console-webapp/src/views/flink/app/hooks/useSavepoint.tsx
@@ -60,13 +60,8 @@ export const useSavepoint = (updateOption: Fn) => {
       },
       content: () => {
         return (
-          <Form class="!pt-50px">
-            <Form.Item
-              name="customSavepoint"
-              label="Custom Savepoint"
-              label-col={{ lg: { span: 7, offset: 0 }, sm: { span: 7, offset: 
0 } }}
-              wrapper-col={{ lg: { span: 16, offset: 0 }, sm: { span: 4, 
offset: 0 } }}
-            >
+          <Form class="!pt-50px" layout="vertical" baseColProps={{ span: 20, 
offset: 2 }}>
+            <Form.Item name="customSavepoint" label="Custom Savepoint">
               <Input
                 placeholder="Optional: Entry the custom savepoint path"
                 allowClear={true}