chore: 样式调整

src/views/personal-space/personal-app-setting/components/app-preview.vue

@@ -90,24 +90,15 @@ function handleMemoryVariable() {
 <template>
   <div class="flex h-full min-w-[300px] flex-1 flex-col overflow-hidden bg-[#f2f5f9]">
     <div class="flex justify-between">
-      <div class="mb-[18px] flex items-center justify-between px-5 py-[18px]">
+      <div class="mb-[18px] flex w-full items-center justify-between px-5 py-[18px]">
         <p class="text-base">
           {{ t('personal_space_module.agent_module.agent_setting_module.agent_config_module.preview') }}
         </p>
 
-        <div
-          v-show="personalAppConfigStore.commConfig.variableStructure.length !== 0"
-          class="memory-content cursor-pointer"
-        >
-          <n-popover
-            placement="bottom"
-            arrow-wrapper-class="memory-content"
-            trigger="hover"
-            class="p-[4px]! top-[-25px]"
-            :show-arrow="false"
-          >
+        <div v-show="personalAppConfigStore.commConfig.variableStructure !== null" class="cursor-pointer">
+          <n-popover placement="bottom" trigger="hover" class="p-[4px]!" :show-arrow="false">
             <template #trigger>
-              <div class="mb-[18px] flex items-center justify-center px-5 py-[18px] text-[14px]">
+              <div class="flex items-center justify-center px-5 text-[14px]">
                 <Brain theme="outline" size="16" fill="#333" />
                 <div class="mx-[4px]">
                   {{ t('personal_space_module.agent_module.agent_setting_module.agent_config_module.memory') }}

src/views/personal-space/personal-app-setting/components/app-setting.vue

@@ -1031,7 +1031,7 @@ function handleCopyMemoryVariableName(memoryVariableItem: MemoryVariableForm) {
                   }}
                 </div>
                 <div
-                  v-show="personalAppConfigStore.commConfig.variableStructure.length !== 0"
+                  v-show="personalAppConfigStore.commConfig.variableStructure !== null"
                   class="flex flex-1 flex-wrap items-center gap-[12px] overflow-hidden"
                 >
                   <div
@@ -1092,6 +1092,7 @@ function handleCopyMemoryVariableName(memoryVariableItem: MemoryVariableForm) {
                     </n-popover>
                   </div>
                 </div>
+                <div class="flex flex-1 flex-wrap items-center gap-[12px] overflow-hidden"></div>
               </NCollapseItem>
             </NCollapse>
           </div>