perf: 对话日志摘要样式优化 (1Panel-dev#315)

DeepSkyJees · Apr 29, 2024 · e5e2ece · e5e2ece
1 parent 62c959f
commit e5e2ece
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/ui/src/views/log/component/ChatRecordDrawer.vue b/ui/src/views/log/component/ChatRecordDrawer.vue
@@ -1,7 +1,7 @@
 <template>
   <el-drawer v-model="visible" size="60%" @close="closeHandle" class="chat-record-drawer">
     <template #header>
-      <h4>{{ currentAbstract }}</h4>
+      <h4 class="single-line">{{ currentAbstract }}</h4>
     </template>
     <div
       v-loading="paginationConfig.current_page === 1 && loading"
@@ -120,6 +120,11 @@ defineExpose({
 })
 </script>
 <style lang="scss">
+.single-line {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 .chat-record-drawer {
   .el-drawer__body {
     background: var(--app-layout-bg-color);