chore: 调整modal图标

packages/app/src/components/modal/Modal.tsx

@@ -4,8 +4,8 @@ import ReactModal from 'react-modal';
 import {CloseCircleFilled} from '@ant-design/icons';
 import ModalBtnGroup from './BtnGroup';
 import {Space} from 'antd';
-import addIcon from '@assets/images/dialog/add.webp';
-import editIcon from '@assets/images/dialog/edit.webp';
+import addIcon from '@assets/images/dialog/add.svg';
+import editIcon from '@assets/images/dialog/edit.svg';
 
 type ReactModalStyle = ReactModal.Styles;
 
@@ -41,6 +41,7 @@ const Modal: FC<Props> = function ({
   children,
   testId,
 }) {
+  const isAdd = title.includes('新增');
   return (
     <ReactModal
       isOpen={visible}
@@ -60,7 +61,10 @@ const Modal: FC<Props> = function ({
         <div className={css.dialogDecorate}>
           <span className={css.dialogDecorateIcon1} />
           <div className={css.dialogDecorateCircle}>
-            <img src={title.includes('新增') ? addIcon : editIcon} />
+            <img
+              src={isAdd ? addIcon : editIcon}
+              style={{transform: `translateX(${isAdd ? '1px' : '0px'})`}}
+            />
           </div>
           <span className={css.dialogDecorateIcon2} />
         </div>