From 6309fac7c8a6abed79be96c72274ae784db76cb8 Mon Sep 17 00:00:00 2001
From: kangfenmao <kangfenmao@qq.com>
Date: Sat, 10 May 2025 22:21:37 +0800
Subject: [PATCH] style: add centered prop to modals and components for
 improved layout consistency

---
 src/renderer/src/components/WebdavBackupManager.tsx         | 1 +
 src/renderer/src/components/WebdavModals.tsx                | 6 ++++--
 src/renderer/src/pages/apps/App.tsx                         | 3 ++-
 src/renderer/src/pages/home/Inputbar/QuickPhrasesButton.tsx | 3 ++-
 src/renderer/src/pages/home/Markdown/Mermaid.tsx            | 1 +
 src/renderer/src/pages/home/Messages/MessageMenubar.tsx     | 2 +-
 src/renderer/src/pages/home/Tabs/SettingsTab.tsx            | 2 +-
 .../AssistantSettings/AssistantRegularPromptsSettings.tsx   | 3 ++-
 .../src/pages/settings/QuickPhraseSettings/index.tsx        | 3 ++-
 9 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/src/renderer/src/components/WebdavBackupManager.tsx b/src/renderer/src/components/WebdavBackupManager.tsx
index fd42449fee..7d9753a59b 100644
--- a/src/renderer/src/components/WebdavBackupManager.tsx
+++ b/src/renderer/src/components/WebdavBackupManager.tsx
@@ -254,6 +254,7 @@ export function WebdavBackupManager({ visible, onClose, webdavConfig, restoreMet
       open={visible}
       onCancel={onClose}
       width={800}
+      centered
       footer={[
         <Button key="refresh" icon={<ReloadOutlined />} onClick={fetchBackupFiles} disabled={loading}>
           {t('settings.data.webdav.backup.manager.refresh')}
diff --git a/src/renderer/src/components/WebdavModals.tsx b/src/renderer/src/components/WebdavModals.tsx
index 5d9b1bd10f..16fee51b66 100644
--- a/src/renderer/src/components/WebdavModals.tsx
+++ b/src/renderer/src/components/WebdavModals.tsx
@@ -76,7 +76,8 @@ export function WebdavBackupModal({
       open={isModalVisible}
       onOk={handleBackup}
       onCancel={handleCancel}
-      okButtonProps={{ loading: backuping }}>
+      okButtonProps={{ loading: backuping }}
+      centered>
       <Input
         value={customFileName}
         onChange={(e) => setCustomFileName(e.target.value)}
@@ -206,7 +207,8 @@ export function WebdavRestoreModal({
       onOk={handleRestore}
       onCancel={handleCancel}
       okButtonProps={{ loading: restoring }}
-      width={600}>
+      width={600}
+      centered>
       <div style={{ position: 'relative' }}>
         <Select
           style={{ width: '100%' }}
diff --git a/src/renderer/src/pages/apps/App.tsx b/src/renderer/src/pages/apps/App.tsx
index c787a6ab1c..633b358127 100644
--- a/src/renderer/src/pages/apps/App.tsx
+++ b/src/renderer/src/pages/apps/App.tsx
@@ -179,7 +179,8 @@ const App: FC<Props> = ({ app, onClick, size = 60, isLast }) => {
           setIsModalVisible(false)
           setFileList([])
         }}
-        footer={null}>
+        footer={null}
+        centered>
         <Form form={form} onFinish={handleAddCustomApp} layout="vertical">
           <Form.Item
             name="id"
diff --git a/src/renderer/src/pages/home/Inputbar/QuickPhrasesButton.tsx b/src/renderer/src/pages/home/Inputbar/QuickPhrasesButton.tsx
index b1f80a0dc5..78299306cc 100644
--- a/src/renderer/src/pages/home/Inputbar/QuickPhrasesButton.tsx
+++ b/src/renderer/src/pages/home/Inputbar/QuickPhrasesButton.tsx
@@ -162,7 +162,8 @@ const QuickPhrasesButton = ({ ref, setInputValue, resizeTextArea, ToolbarButton,
           setIsModalOpen(false)
           setFormData({ title: '', content: '', location: 'global' })
         }}
-        width={520}>
+        width={520}
+        centered>
         <Space direction="vertical" style={{ width: '100%' }} size="middle">
           <div>
             <Label>{t('settings.quickPhrase.titleLabel')}</Label>
diff --git a/src/renderer/src/pages/home/Markdown/Mermaid.tsx b/src/renderer/src/pages/home/Markdown/Mermaid.tsx
index f350212036..f15595724e 100644
--- a/src/renderer/src/pages/home/Markdown/Mermaid.tsx
+++ b/src/renderer/src/pages/home/Markdown/Mermaid.tsx
@@ -43,6 +43,7 @@ const Mermaid: React.FC<Props> = ({ chart }) => {
 
   useEffect(() => {
     setTimeout(renderMermaidBase, 0)
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [])
 
   useEffect(() => {
diff --git a/src/renderer/src/pages/home/Messages/MessageMenubar.tsx b/src/renderer/src/pages/home/Messages/MessageMenubar.tsx
index 45d50050ff..17368eae06 100644
--- a/src/renderer/src/pages/home/Messages/MessageMenubar.tsx
+++ b/src/renderer/src/pages/home/Messages/MessageMenubar.tsx
@@ -347,7 +347,7 @@ const MessageMenubar: FC<Props> = (props) => {
         ].filter(Boolean)
       }
     ],
-    [message, messageContainerRef, onEdit, mainTextContent, onNewBranch, t, topic.name, exportMenuOptions]
+    [message, messageContainerRef, isEditable, onEdit, mainTextContent, onNewBranch, t, topic.name, exportMenuOptions]
   )
 
   const onRegenerate = async (e: React.MouseEvent | undefined) => {
diff --git a/src/renderer/src/pages/home/Tabs/SettingsTab.tsx b/src/renderer/src/pages/home/Tabs/SettingsTab.tsx
index 09fd3eb397..1b35190be0 100644
--- a/src/renderer/src/pages/home/Tabs/SettingsTab.tsx
+++ b/src/renderer/src/pages/home/Tabs/SettingsTab.tsx
@@ -37,8 +37,8 @@ import {
   setPasteLongTextThreshold,
   setRenderInputMessageAsMarkdown,
   setShowInputEstimatedTokens,
-  setShowPrompt,
   setShowMessageDivider,
+  setShowPrompt,
   setShowTranslateConfirm,
   setThoughtAutoCollapse
 } from '@renderer/store/settings'
diff --git a/src/renderer/src/pages/settings/AssistantSettings/AssistantRegularPromptsSettings.tsx b/src/renderer/src/pages/settings/AssistantSettings/AssistantRegularPromptsSettings.tsx
index b370a638b6..aab50f12a5 100644
--- a/src/renderer/src/pages/settings/AssistantSettings/AssistantRegularPromptsSettings.tsx
+++ b/src/renderer/src/pages/settings/AssistantSettings/AssistantRegularPromptsSettings.tsx
@@ -135,7 +135,8 @@ const AssistantRegularPromptsSettings: FC<AssistantRegularPromptsSettingsProps>
         open={isModalOpen}
         onOk={handleModalOk}
         onCancel={() => setIsModalOpen(false)}
-        width={520}>
+        width={520}
+        centered>
         <Space direction="vertical" style={{ width: '100%' }} size="middle">
           <div>
             <Label>{t('assistants.settings.regular_phrases.titleLabel', 'Title')}</Label>
diff --git a/src/renderer/src/pages/settings/QuickPhraseSettings/index.tsx b/src/renderer/src/pages/settings/QuickPhraseSettings/index.tsx
index 3ed899000f..1ae4161d75 100644
--- a/src/renderer/src/pages/settings/QuickPhraseSettings/index.tsx
+++ b/src/renderer/src/pages/settings/QuickPhraseSettings/index.tsx
@@ -117,7 +117,8 @@ const QuickPhraseSettings: FC = () => {
         open={isModalOpen}
         onOk={handleModalOk}
         onCancel={() => setIsModalOpen(false)}
-        width={520}>
+        width={520}
+        centered>
         <Space direction="vertical" style={{ width: '100%' }} size="middle">
           <div>
             <Label>{t('settings.quickPhrase.titleLabel')}</Label>