feat: enhance dialog titles and layout in ChatHistory component

src/pages/home/ChatHistory.vue

@@ -60,8 +60,14 @@
 
 	<!-- 重命名对话框 -->
 	<el-dialog v-model="renameDialogFormVisible" title="重命名对话" width="500">
-		<el-form :model="newMessageName">
+		<template #title>
-			<el-form-item label="对话名称" :label-width="formLabelWidth">
+			<span>温馨提示</span>
+		</template>
+		<el-form class="pt-5 pl-5 pr-5" :model="newMessageName">
+			<el-form-item>
+				<template #label>
+					<span>对话名称</span>
+				</template>
 				<el-input v-model="newMessageName" autocomplete="off" />
 			</el-form-item>
 		</el-form>
@@ -74,8 +80,11 @@
 	</el-dialog>
 
 	<!-- 删除确认对话框 -->
-	<el-dialog v-model="deleteDialogVisible" title="温馨提示" width="500">
+	<el-dialog v-model="deleteDialogVisible" width="500">
-		<span>您确定删除该会话吗？删除后将无法恢复！</span>
+		<template #title>
+			<span>温馨提示</span>
+		</template>
+		<div class="pt-3 pl-5">您确定删除该会话吗？删除后将无法恢复！</div>
 		<template #footer>
 			<div class="dialog-footer">
 				<el-button @click="deleteDialogVisible = false">取消</el-button>
@@ -99,7 +108,6 @@ const deleteDialogVisible = ref(false)
 const renameDialogFormVisible = ref(false)
 const newMessageName = ref('')
 const renamingConversationId = ref('')
-const formLabelWidth = '100px'
 const nowMs = ref(Date.now())
 let timer: number | undefined