fix: modal width

packages/base/src/locale/en-US/dmsSystem.ts

@@ -176,9 +176,9 @@ export default {
     productFeatures: '功能特点',
     dms_desc:
       'SQLE 是爱可生自主研发，支持多元数据库的 SQL 质量管理平台。应用于开发、测试、上线发布、生产运行阶段的 SQL 质量治理。通过 “建立规范、事前控制、事后监督、标准发布” 的方式，为企业提供 SQL 全生命周期质量管控能力，同时推动企业内部开发规范快速落地。',
-    dms_feature: `1. 满足主流商业及开源数据库使用场景，支持十余种数据源类型
-        2. 提供运维专家团队多年的技术沉淀，并支持规则知识库的自主沉淀
-        3. 提供慢日志等十几种的 SQL智能扫描，覆盖事前事后 SQL 采集需求
+    dms_feature: `1. 满足主流商业及开源数据库使用场景，支持十余种数据源类型。
+        2. 提供运维专家团队多年的技术沉淀，并支持规则知识库的自主沉淀。
+        3. 提供慢日志等十几种的 SQL智能扫描，覆盖事前事后 SQL 采集需求。
         4. 提供SQL全流程的管控视角，追踪问题SQL解决进度、并提供快捷优化。`
   }
 };

packages/base/src/locale/zh-CN/dmsSystem.ts

@@ -176,9 +176,9 @@ export default {
     productFeatures: '功能特点',
     dms_desc:
       'SQLE 是爱可生自主研发，支持多元数据库的 SQL 质量管理平台。应用于开发、测试、上线发布、生产运行阶段的 SQL 质量治理。通过 “建立规范、事前控制、事后监督、标准发布” 的方式，为企业提供 SQL 全生命周期质量管控能力，同时推动企业内部开发规范快速落地。',
-    dms_feature: `1. 满足主流商业及开源数据库使用场景，支持十余种数据源类型
-        2. 提供运维专家团队多年的技术沉淀，并支持规则知识库的自主沉淀
-        3. 提供慢日志等十几种的 SQL智能扫描，覆盖事前事后 SQL 采集需求
+    dms_feature: `1. 满足主流商业及开源数据库使用场景，支持十余种数据源类型。
+        2. 提供运维专家团队多年的技术沉淀，并支持规则知识库的自主沉淀。
+        3. 提供慢日志等十几种的 SQL智能扫描，覆盖事前事后 SQL 采集需求。
         4. 提供SQL全流程的管控视角，追踪问题SQL解决进度、并提供快捷优化。`
   }
 };

packages/base/src/page/Nav/SideMenu/VersionModal.tsx

@@ -1,10 +1,13 @@
 import { useEffect, useState } from 'react';
-import { BasicModal, BasicButton } from '@actiontech/shared';
+import { BasicButton } from '@actiontech/shared';
 import { useTranslation } from 'react-i18next';
 import DmsService from '@actiontech/shared/lib/api/base/service/dms';
 import { Space, Typography } from 'antd5';
 import { UI_VERSION } from '../../../scripts/version';
-import { VersionModalDescribeTextStyleWrapper } from './style';
+import {
+  VersionModalDescribeTextStyleWrapper,
+  VersionModalStyleWrapper
+} from './style';
 import { DMS_DEFAULT_WEB_TITLE } from '@actiontech/shared/lib/data/common';
 
 const VersionModal: React.FC<{
@@ -50,7 +53,9 @@ const VersionModal: React.FC<{
   };
 
   return (
-    <BasicModal
+    <VersionModalStyleWrapper
+      size="large"
+      className="version-modal"
       open={open}
       onCancel={setVersionModalClose}
       footer={
@@ -102,7 +107,7 @@ const VersionModal: React.FC<{
           </VersionModalDescribeTextStyleWrapper>
         </Space>
       </Space>
-    </BasicModal>
+    </VersionModalStyleWrapper>
   );
 };
 

packages/base/src/page/Nav/SideMenu/style.ts

@@ -1,6 +1,7 @@
 import { ANTD_PREFIX_STR } from '@actiontech/shared/lib/data/common';
 import { styled } from '@mui/material/styles';
 import { Typography } from 'antd5';
+import { BasicModal } from '@actiontech/shared';
 
 export const SideMenuStyleWrapper = styled('div')`
   &.dms-layout-side {
@@ -333,3 +334,9 @@ export const CEModeProjectWrapperStyleWrapper = styled('div')`
       theme.baseTheme.sideMenu.projectSelector.dropdown.activeIconColor};
   }
 `;
+
+export const VersionModalStyleWrapper = styled(BasicModal)`
+  &.version-modal {
+    width: 720px !important;
+  }
+`;