(incubator-streampark) branch dev-2.1.5 updated: [Fix]: flink cluster page style (#4061)

[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 3c457d045 [Fix]: flink cluster page style (#4061)
3c457d045 is described below

commit 3c457d045d3ab9b475d509df1b7f27175611b4bc
Author: Kriszu <39726513+wangsizhu0...@users.noreply.github.com>
AuthorDate: Sat Sep 14 14:43:45 2024 +0800

    [Fix]: flink cluster page style (#4061)
---
 .../src/views/flink/app/EditFlink.vue                      |  5 -----
 .../src/views/flink/app/EditStreamPark.vue                 |  5 -----
 .../src/views/setting/FlinkCluster/AddCluster.vue          | 13 +++----------
 .../src/views/setting/FlinkCluster/EditCluster.vue         | 14 ++++----------
 4 files changed, 7 insertions(+), 30 deletions(-)

diff --git 
a/streampark-console/streampark-console-webapp/src/views/flink/app/EditFlink.vue
 
b/streampark-console/streampark-console-webapp/src/views/flink/app/EditFlink.vue
index 74c427b4c..586195728 100644
--- 
a/streampark-console/streampark-console-webapp/src/views/flink/app/EditFlink.vue
+++ 
b/streampark-console/streampark-console-webapp/src/views/flink/app/EditFlink.vue
@@ -14,11 +14,6 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<script lang="ts">
-  export default {
-    name: 'EditFlink',
-  };
-</script>
 <script setup lang="ts" name="EditFlink">
   import { PageWrapper } from '/@/components/Page';
   import { BasicForm, useForm } from '/@/components/Form';
diff --git 
a/streampark-console/streampark-console-webapp/src/views/flink/app/EditStreamPark.vue
 
b/streampark-console/streampark-console-webapp/src/views/flink/app/EditStreamPark.vue
index b14d020f2..d434a7f4f 100644
--- 
a/streampark-console/streampark-console-webapp/src/views/flink/app/EditStreamPark.vue
+++ 
b/streampark-console/streampark-console-webapp/src/views/flink/app/EditStreamPark.vue
@@ -14,11 +14,6 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<script lang="ts">
-  export default {
-    name: 'EditStreamPark',
-  };
-</script>
 <script setup lang="ts" name="EditStreamPark">
   import { PageWrapper } from '/@/components/Page';
   import { BasicForm, useForm } from '/@/components/Form';
diff --git 
a/streampark-console/streampark-console-webapp/src/views/setting/FlinkCluster/AddCluster.vue
 
b/streampark-console/streampark-console-webapp/src/views/setting/FlinkCluster/AddCluster.vue
index 1dadb9a27..d9a877a05 100644
--- 
a/streampark-console/streampark-console-webapp/src/views/setting/FlinkCluster/AddCluster.vue
+++ 
b/streampark-console/streampark-console-webapp/src/views/setting/FlinkCluster/AddCluster.vue
@@ -14,14 +14,7 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<script lang="ts">
-  import { defineComponent } from 'vue';
-
-  export default defineComponent({
-    name: 'AddCluster',
-  });
-</script>
-<script setup lang="ts" name="AddCluster">
+<script setup lang="ts">
   import { PageWrapper } from '/@/components/Page';
   import { BasicForm, useForm } from '/@/components/Form';
   import { useMessage } from '/@/hooks/web/useMessage';
@@ -82,12 +75,12 @@
   }
 </script>
 <template>
-  <PageWrapper content-full-height fixed-height content-class="flex flex-col 
bg-white">
+  <PageWrapper content-full-height content-background>
     <BasicForm
       @register="registerForm"
       @submit="handleSubmitCluster"
       :schemas="getClusterSchema"
-      class="mt-30px"
+      class="!my-30px"
     >
       <template #formFooter>
         <div class="flex items-center w-full justify-center">
diff --git 
a/streampark-console/streampark-console-webapp/src/views/setting/FlinkCluster/EditCluster.vue
 
b/streampark-console/streampark-console-webapp/src/views/setting/FlinkCluster/EditCluster.vue
index 07b1df679..e99edf087 100644
--- 
a/streampark-console/streampark-console-webapp/src/views/setting/FlinkCluster/EditCluster.vue
+++ 
b/streampark-console/streampark-console-webapp/src/views/setting/FlinkCluster/EditCluster.vue
@@ -14,15 +14,9 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<script lang="ts">
-  import { defineComponent } from 'vue';
-  import { useGo } from '/@/hooks/web/usePage';
-  export default defineComponent({
-    name: 'EditCluster',
-  });
-</script>
-<script setup lang="ts" name="EditCluster">
+<script setup lang="ts">
   import { PageWrapper } from '/@/components/Page';
+  import { useGo } from '/@/hooks/web/usePage';
   import { BasicForm, useForm } from '/@/components/Form';
   import { useMessage } from '/@/hooks/web/useMessage';
   import {
@@ -121,12 +115,12 @@
   });
 </script>
 <template>
-  <PageWrapper content-full-height fixed-height content-class="flex flex-col 
bg-white">
+  <PageWrapper content-full-height content-background>
     <BasicForm
       @register="registerForm"
       @submit="handleSubmitCluster"
       :schemas="getClusterSchema"
-      class="mt-30px"
+      class="!my-30px"
     >
       <template #formFooter>
         <div class="flex items-center w-full justify-center">