From 5b6b203d3e3c8728f8f83e9ebc2fb6b84152459e Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Tue, 20 Aug 2024 11:25:23 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20ui=E6=A0=B7=E5=BC=8F=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/styles/element-plus.scss                             | 4 ++++
 ui/src/views/application-overview/component/EmbedDialog.vue | 6 +++---
 ui/src/views/application-workflow/index.vue                 | 4 ++++
 ui/src/views/log/index.vue                                  | 6 ++++--
 ui/src/workflow/index.vue                                   | 3 +++
 5 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/ui/src/styles/element-plus.scss b/ui/src/styles/element-plus.scss
index 6dc27bf5e..c41ae212b 100644
--- a/ui/src/styles/element-plus.scss
+++ b/ui/src/styles/element-plus.scss
@@ -384,3 +384,7 @@
     color: #f54a45;
   }
 }
+
+.el-checkbox__input.is-checked + .el-checkbox__label {
+  color: var(--el-checkbox-text-color);
+}
diff --git a/ui/src/views/application-overview/component/EmbedDialog.vue b/ui/src/views/application-overview/component/EmbedDialog.vue
index 770395729..2bf5b250a 100644
--- a/ui/src/views/application-overview/component/EmbedDialog.vue
+++ b/ui/src/views/application-overview/component/EmbedDialog.vue
@@ -11,7 +11,7 @@
           <p class="title p-16 bold">
             {{ $t('views.applicationOverview.appInfo.EmbedDialog.fullscreenModeTitle') }}
           </p>
-          <img src="@/assets/window1.png" alt="" class="ml-8" />
+          <img src="@/assets/window1.png" alt="" class="ml-8" height="150" />
           <div class="code layout-bg border-t p-16">
             <div class="flex-between">
               <span class="bold">{{
@@ -32,8 +32,8 @@
           <p class="title p-16 bold">
             {{ $t('views.applicationOverview.appInfo.EmbedDialog.floatingModeTitle') }}
           </p>
-          <img src="@/assets/window2.png" alt="" class="ml-8" />
-          <div class="code border-t p-16">
+          <img src="@/assets/window2.png" alt="" class="ml-8" height="150" />
+          <div class="code layout-bg border-t p-16">
             <div class="flex-between">
               <span class="bold">{{
                 $t('views.applicationOverview.appInfo.EmbedDialog.copyInstructions')
diff --git a/ui/src/views/application-workflow/index.vue b/ui/src/views/application-workflow/index.vue
index c09fae83d..095c40d32 100644
--- a/ui/src/views/application-workflow/index.vue
+++ b/ui/src/views/application-workflow/index.vue
@@ -334,6 +334,7 @@ onBeforeUnmount(() => {
   .workflow-main {
     height: calc(100vh - 62px);
     box-sizing: border-box;
+    cursor: pointer;
   }
   .workflow-dropdown-menu {
     -moz-user-select: none; /* Firefox */
@@ -364,6 +365,9 @@ onBeforeUnmount(() => {
     .el-tabs__nav-wrap {
       padding: 0 16px;
     }
+    .el-tabs__nav-wrap:after {
+      height: 1px;
+    }
   }
 }
 
diff --git a/ui/src/views/log/index.vue b/ui/src/views/log/index.vue
index 468d1c4cd..3eebe3a47 100644
--- a/ui/src/views/log/index.vue
+++ b/ui/src/views/log/index.vue
@@ -350,7 +350,9 @@ onMounted(() => {
 })
 </script>
 <style lang="scss" scoped>
-.log-table tr {
-  cursor: pointer;
+.log-table {
+  :deep(tr) {
+    cursor: pointer;
+  }
 }
 </style>
diff --git a/ui/src/workflow/index.vue b/ui/src/workflow/index.vue
index a582bfc44..6bee5d49a 100644
--- a/ui/src/workflow/index.vue
+++ b/ui/src/workflow/index.vue
@@ -151,4 +151,7 @@ defineExpose({
   left: 24px;
   z-index: 2;
 }
+.lf-drag-able {
+  cursor: pointer;
+}
 </style>