update system prompt preview

src/components/chat-view/CustomModeView.tsx

@@ -332,21 +332,15 @@ const CustomModeView = () => {
 				>
 					<div className="infio-section-header-title-container">
 						{isAdvancedCollapsed ? <ChevronRight size={16} /> : <ChevronDown size={16} />}
-						<h6>覆盖系统提示词</h6>
+						<h6 className="infio-section-header-title">覆盖系统提示词</h6>
 					</div>
 				</div>
 				{!isAdvancedCollapsed && (
+					<>
 						<p className="infio-section-subtitle">
 							您可以通过在工作区创建文件
 							<a href="#" className="infio-link" onClick={() => openOrCreateMarkdownFile(app, `_infio_prompts/${modeName}/system-prompt.md`, 0)}>_infio_prompts/{modeName}/system-prompt</a>
-						，完全替换此模式的系统提示（角色定义和自定义指令除外）。这是一个非常高级的功能，会覆盖工具使用等全部内置提示, 请谨慎操作
+							，完全替换此模式的系统提示（角色定义和自定义指令除外）。这是一个非常高级的功能，会覆盖工具使用等全部内置提示, 请谨慎操作						<button
-					</p>
-				)}
-			</div>
-
-			{/* 预览和保存 */}
-			<div className="infio-custom-modes-actions">
-				<button
 								className="infio-preview-btn"
 								onClick={async () => {
 									let filesSearchMethod = settings.filesSearchMethod
@@ -378,8 +372,14 @@ const CustomModeView = () => {
 								}
 								}
 							>
-					预览
+								预览系统提示词
 							</button>
+						</p></>
+				)}
+			</div>
+
+			{/* 保存 */}
+			<div className="infio-custom-modes-actions">
 				<button
 					className="infio-preview-btn"
 					onClick={() => {
@@ -631,6 +631,10 @@ const CustomModeView = () => {
 					align-items: center;
 					gap: 4px;
 				}
+
+				.infio-section-header-title {
+					margin: 0;
+				}
 				`}
 			</style>
 		</div>