From d0e67d29835983be67c8b1aa5bce906c57bba796 Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Thu, 26 Sep 2024 10:55:09 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=E4=BC=9A=E8=AF=9D?=
 =?UTF-8?q?=E6=A1=86=E8=87=AA=E9=80=82=E5=BA=94=E5=AE=BD=E5=BA=A6=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/components/ai-chat/index.vue         | 8 +++++++-
 ui/src/views/application-workflow/index.vue | 4 ++++
 ui/src/views/chat/base/index.vue            | 2 +-
 3 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/ui/src/components/ai-chat/index.vue b/ui/src/components/ai-chat/index.vue
index 1459ee042..f2f004d5b 100644
--- a/ui/src/components/ai-chat/index.vue
+++ b/ui/src/components/ai-chat/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div ref="aiChatRef" class="ai-chat" :class="log ? 'chart-log' : ''">
     <div
-      v-if="inputFieldList.length > 0 || (debug && apiInputFieldList.length > 0)"
+      v-if="(inputFieldList.length > 0 || (debug && apiInputFieldList.length > 0)) && !log"
       class="mb-16"
       style="padding: 0 24px"
     >
@@ -1098,4 +1098,10 @@ defineExpose({
   max-width: 80%;
   margin: 0 auto;
 }
+@media only screen and (max-width: 1000px) {
+  .chat-width {
+    max-width: 100% !important;
+    margin: 0 auto;
+  }
+}
 </style>
diff --git a/ui/src/views/application-workflow/index.vue b/ui/src/views/application-workflow/index.vue
index cbbfa765c..6674eb35c 100644
--- a/ui/src/views/application-workflow/index.vue
+++ b/ui/src/views/application-workflow/index.vue
@@ -327,5 +327,9 @@ onBeforeUnmount(() => {
     bottom: 0 !important;
     right: 0 !important;
   }
+  .chat-width {
+    max-width: 100% !important;
+    margin: 0 auto;
+  }
 }
 </style>
diff --git a/ui/src/views/chat/base/index.vue b/ui/src/views/chat/base/index.vue
index 87edc1761..f562164f5 100644
--- a/ui/src/views/chat/base/index.vue
+++ b/ui/src/views/chat/base/index.vue
@@ -120,7 +120,7 @@ onMounted(() => {
     }
   }
   .chat-width {
-    max-width: 80%;
+    // max-width: 80%;
     margin: 0 auto;
   }
 }