feat:ui优化

src/components/mui/MyDialog.tsx

@@ -122,12 +122,16 @@ const MyDialog: React.FunctionComponent<IDialogProps> = (props) => {
 					"& .MuiPaper-root": {
 						// 设置最大宽度， 实际宽度让子元素撑大
 						maxWidth: "1920px",
+						borderRadius: "8px"
 					},
 				},
 			}}
 		>
 			{isHideHeader ? null : (
-				<DialogTitle id="alert-dialog-title">
+				<DialogTitle
+					id="alert-dialog-title"
+					sx={{ padding: "20px 24px" }}
+				>
 					<div
 						style={{
 							display: "flex",
@@ -136,10 +140,10 @@ const MyDialog: React.FunctionComponent<IDialogProps> = (props) => {
 							fontWeight: 600,
 						}}
 					>
-						<span style={{fontSize: 16, lineHeight: '24px', color: '#1E2633'}}>{title}</span>
+						<span style={{ fontSize: 16, lineHeight: '24px', color: '#1E2633' }}>{title}</span>
 						<CloseIcon
 							onClick={onClose}
-							sx={{ color: "#C2C6CC", cursor: "pointer",  ":hover": { background: "#f0f2f5", borderRadius:'2px' } }}
+							sx={{ color: "#C2C6CC", cursor: "pointer", ":hover": { background: "#f0f2f5", borderRadius: '2px' } }}
 						/>
 					</div>
 				</DialogTitle>

src/components/mui/MyPopconfirm.tsx

@@ -68,7 +68,8 @@ const MyPopconfirm = (props: IMyPopconfirmProps) => {
 				zIndex: 2000,
 				bgcolor: "#fff",
 				minWidth: "200px",
-				borderRadius: "2px",
+				borderRadius: "4px",
+				fontSize:"14px",
 				padding: "20px 16px",
 				boxShadow: "0px 3px 10px 0px rgba(0, 24, 57, 0.14)",
 			}}

src/views/MenuLayout/index.tsx

@@ -41,7 +41,7 @@ const MenuLayout = observer(() => {
   return (
     <Box className={style.container}>
       <Box className={style.aside}>
-      {
+        {
           pathname.indexOf('userCenter') < 0 && <CurrentProject />
         }
         <List
@@ -62,7 +62,7 @@ const MenuLayout = observer(() => {
                   onClick={() => item.type === "page" && navigate(item.path)}
                 >
                   <img className={style.routerIcon} src={routerIcon(item.id || '', `/v3${item.path}` === pathname) || undefined} alt='' />
-                  <span style={{ verticalAlign: 'middle' }}>{item.name}</span>
+                  <span style={{ verticalAlign: 'middle', fontWeight: '500' }}>{item.name}</span>
                 </li>
               );
             }

src/views/WorkFlowEdit/components/SaveCustomTemplate/index.tsx

@@ -229,7 +229,7 @@ const SaveCustomTemplate = (props: IProps) => {
 					required
 					error={titleHelper.error}
 					helperText={titleHelper.helperText}
-					style={{ margin: "20px 0" }}
+					style={{ margin: "8px 0 20px" }}
 					disabled={id ? true : false}
 				></MyInput>
 				<MyInput

src/views/WorkFlowEdit/index.tsx

@@ -237,6 +237,7 @@ const WorkFlowEdit = observer((props: IProps) => {
 				anchorEl={anchorEl}
 				onCancel={handleCancel}
 				onConfirm={handleConfirm}
+	            placement="bottom-end"
 			/>
 			{saveFormDialog && (
 				<SaveCustomTemplate