From 4df183c5a34da8b55bc464eea5669346ca553555 Mon Sep 17 00:00:00 2001
From: pq <44841842+qianphong@users.noreply.github.com>
Date: Thu, 20 Feb 2025 11:20:28 +0800
Subject: [PATCH] perf: optimize embed mode (#2331)

---
 ui/src/views/chat/embed/index.vue | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/ui/src/views/chat/embed/index.vue b/ui/src/views/chat/embed/index.vue
index e644f9937..b2673b785 100644
--- a/ui/src/views/chat/embed/index.vue
+++ b/ui/src/views/chat/embed/index.vue
@@ -1,6 +1,7 @@
 <template>
   <div
     class="chat-embed layout-bg"
+    :class="{ 'chat-embed--popup': isPopup }"
     v-loading="loading"
     :style="{
       '--el-color-primary': applicationDetail?.custom_theme?.theme_color,
@@ -116,11 +117,16 @@
 </template>
 <script setup lang="ts">
 import { ref, onMounted, reactive, nextTick, computed } from 'vue'
+import { useRoute } from 'vue-router'
 import { isAppIcon } from '@/utils/application'
 import { hexToRgba } from '@/utils/theme'
 import useStore from '@/stores'
 const { user, log } = useStore()
+const route = useRoute()
 
+const isPopup = computed(() => {
+  return route.query.popup !== 'no'
+})
 const AiChatRef = ref()
 const loading = ref(false)
 const left_loading = ref(false)
@@ -303,9 +309,14 @@ onMounted(() => {
     z-index: 2009;
     position: absolute;
     top: 16px;
-    right: 85px;
+    right: 16px;
     font-size: 22px;
   }
+  &.chat-embed--popup{
+    .chat-popover-button {
+      right: 85px;
+    }
+  }
   .chat-popover-mask {
     background-color: var(--el-overlay-color-lighter);
     bottom: 0;