From 8076d4b048ca3317ca23c85eec3703324f27e15b Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Wed, 30 Oct 2024 18:08:29 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=E5=B5=8C=E5=85=A5?=
 =?UTF-8?q?=E7=AC=AC=E4=B8=89=E6=96=B9=E5=BC=B9=E5=87=BA=E5=B1=82=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../component/EmbedDialog.vue                 | 26 +++++++++++--------
 1 file changed, 15 insertions(+), 11 deletions(-)

diff --git a/ui/src/views/application-overview/component/EmbedDialog.vue b/ui/src/views/application-overview/component/EmbedDialog.vue
index 6c2190d84..be37645c7 100644
--- a/ui/src/views/application-overview/component/EmbedDialog.vue
+++ b/ui/src/views/application-overview/component/EmbedDialog.vue
@@ -14,8 +14,8 @@
             {{ $t('views.applicationOverview.appInfo.EmbedDialog.fullscreenModeTitle') }}
           </p>
           <img src="@/assets/window1.png" alt="" class="ml-8" height="150" />
-          <div class="code layout-bg border-t p-16">
-            <div class="flex-between">
+          <div class="code layout-bg border-t p-8">
+            <div class="flex-between p-8">
               <span class="bold">{{
                 $t('views.applicationOverview.appInfo.EmbedDialog.copyInstructions')
               }}</span>
@@ -23,9 +23,11 @@
                 <AppIcon iconName="app-copy"></AppIcon>
               </el-button>
             </div>
-            <div class="mt-8 pre-wrap">
-              {{ source1 }}
-            </div>
+            <el-scrollbar height="150" always>
+              <div class="pre-wrap p-8 pt-0">
+                {{ source1 }}
+              </div>
+            </el-scrollbar>
           </div>
         </div>
       </el-col>
@@ -35,8 +37,8 @@
             {{ $t('views.applicationOverview.appInfo.EmbedDialog.floatingModeTitle') }}
           </p>
           <img src="@/assets/window2.png" alt="" class="ml-8" height="150" />
-          <div class="code layout-bg border-t p-16">
-            <div class="flex-between">
+          <div class="code layout-bg border-t p-8">
+            <div class="flex-between p-8">
               <span class="bold">{{
                 $t('views.applicationOverview.appInfo.EmbedDialog.copyInstructions')
               }}</span>
@@ -44,9 +46,11 @@
                 <AppIcon iconName="app-copy"></AppIcon>
               </el-button>
             </div>
-            <div class="mt-8 pre-wrap">
-              {{ source2 }}
-            </div>
+            <el-scrollbar height="150" always>
+              <div class="pre-wrap p-8 pt-0">
+                {{ source2 }}
+              </div>
+            </el-scrollbar>
           </div>
         </div>
       </el-col>
@@ -118,7 +122,7 @@ defineExpose({ open })
     font-weight: 400;
     font-size: 13px;
     white-space: pre;
-    height: 180px;
+    height: 188px;
   }
 }
 </style>