fix(Dashboard): icon is not vertically centered

Author: dataeaseShu

frontend/src/views/chat/ChatListContainer.vue

@@ -19,13 +19,15 @@ const props = withDefaults(
     currentChatId?: number
     currentChat?: ChatInfo
     loading?: boolean
+    appName?: string
   }>(),
   {
     chatList: () => [],
     currentChatId: undefined,
     currentChat: () => new ChatInfo(),
     loading: false,
     inPopover: false,
+    appName: '',
   }
 )
 
@@ -214,7 +216,7 @@ function onChatRenamed(chat: Chat) {
   <el-container class="chat-container-right-container">
     <el-header class="chat-list-header" :class="{ 'in-popover': inPopover }">
       <div v-if="!inPopover" class="title">
-        <div>{{ t('qa.title') }}</div>
+        <div>{{ appName || t('qa.title') }}</div>
         <el-button link type="primary" class="icon-btn" @click="onClickSideBarBtn">
           <el-icon>
             <icon_sidebar_outlined />

frontend/src/views/chat/index.vue

@@ -17,6 +17,7 @@
       v-model:current-chat="currentChat"
       v-model:loading="loading"
       :in-popover="!chatListSideBarShow"
+      :appName="customName"
       @go-empty="goEmpty"
       @on-chat-created="onChatCreated"
       @on-click-history="onClickHistory"
@@ -36,6 +37,7 @@
         v-model:current-chat="currentChat"
         v-model:loading="loading"
         :in-popover="!chatListSideBarShow"
+        :appName="customName"
         @go-empty="goEmpty"
         @on-chat-created="onChatCreated"
         @on-click-history="onClickHistory"
@@ -70,6 +72,7 @@
           v-model:current-chat="currentChat"
           v-model:loading="loading"
           :in-popover="!chatListSideBarShow"
+          :appName="customName"
           @go-empty="goEmpty"
           @on-chat-created="onChatCreated"
           @on-click-history="onClickHistory"
@@ -94,6 +97,7 @@
           v-model:current-chat-id="currentChatId"
           v-model:current-chat="currentChat"
           v-model:loading="loading"
+          :appName="customName"
           :in-popover="false"
           @go-empty="goEmpty"
           @on-chat-created="onChatCreated"
@@ -424,6 +428,7 @@ const props = defineProps<{
   welcomeDesc?: string
   logoAssistant?: string
   welcome?: string
+  appName?: string
   pageEmbedded?: boolean
 }>()
 const floatPopoverRef = ref()
@@ -437,7 +442,10 @@ const defaultFloatPopoverStyle = ref({
 })
 
 const isCompletePage = computed(() => !assistantStore.getAssistant || assistantStore.getEmbedded)
-
+const customName = computed(() => {
+  if (props.pageEmbedded) return props.appName
+  return ''
+})
 const { t } = useI18n()
 
 const inputMessage = ref('')

frontend/src/views/dashboard/editor/Toolbar.vue

@@ -337,7 +337,6 @@ const previewInner = () => {
 }
 
 .back-icon {
-  margin-top: 8px;
   width: 20px;
   height: 20px;
 }

frontend/src/views/embedded/index.vue

@@ -25,6 +25,7 @@
         :welcome="customSet.welcome"
         :welcome-desc="customSet.welcome_desc"
         :logo-assistant="logo"
+        :app-name="appName"
       />
     </div>
     <div class="drawer-assistant" @click="openHistory"></div>