feat: 返回样式修改

src/views/ConsoleLayout/index.tsx

-import React, { useEffect, useState } from "react";
+import React, { useEffect } from "react";
 import { Outlet, useLocation, useNavigate } from "react-router-dom";
 import { observer } from "mobx-react-lite";
 import Avatar from "@mui/material/Avatar";

src/views/Project/ProjectJobDetail/index.module.css

@@ -28,8 +28,19 @@
 .goBackIcon {
 	cursor: pointer;
 }
+.goBackIconBox {
+	width: 32px;
+	height: 32px;
+	border-radius: 4px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+.goBackIconBox:hover {
+	background-color: rgb(240, 242, 245);
+}
 .swTemplateTitle {
-	margin: 0 19px 0 8px;
+	margin: 0 19px 0 3px;
 	line-height: 20px;
 	font-size: 14px;
 	color: rgba(30, 38, 51, 1);

src/views/Project/ProjectJobDetail/index.tsx

@@ -445,13 +445,14 @@ const ProjectSubmitWork = observer(() => {
 			{fullScreenShow ? null : (
 				<div className={styles.swHeader}>
 					<div className={styles.swHeaderLeft}>
+						<div className={styles.goBackIconBox}>
 							<img
 								onClick={onBack}
 								className={styles.goBackIcon}
 								src={goback}
 								alt=""
 							/>
-
+						</div>
 						<div className={styles.swTemplateTitle}>{name}</div>
 					</div>
 					{returnPermission && (

src/views/Project/ProjectSubmitWork/index.module.css

@@ -25,8 +25,22 @@
 	justify-content: flex-start;
 	align-items: center;
 }
+.goBackIcon {
+	cursor: pointer;
+}
+.goBackIconBox {
+	width: 32px;
+	height: 32px;
+	border-radius: 4px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+.goBackIconBox:hover {
+	background-color: rgb(240, 242, 245);
+}
 .swTemplateTitle {
-	margin: 0 19px 0 8px;
+	margin: 0 19px 0 3px;
 	line-height: 20px;
 	font-size: 14px;
 	color: rgba(30, 38, 51, 1);

src/views/Project/ProjectSubmitWork/index.tsx

@@ -261,6 +261,7 @@ const ProjectSubmitWork = observer(() => {
 			{fullScreenShow ? null : (
 				<div className={styles.swHeader}>
 					<div className={styles.swHeaderLeft}>
+						<div className={styles.goBackIconBox}>
 							<img
 								className={styles.goBackIcon}
 								src={goback}
@@ -273,6 +274,7 @@ const ProjectSubmitWork = observer(() => {
 									)
 								}
 							/>
+						</div>
 						<div className={styles.swTemplateTitle}>
 							{templateConfigInfo?.title}
 						</div>

src/views/WorkFlowEdit/index.module.css

@@ -26,12 +26,20 @@
 	align-items: center;
 }
 .goBackIcon {
-	margin-right: 8px;
 	cursor: pointer;
 }
-/* .goBackIcon:hover:{
-	color: ;
-} */
+.goBackIconBox {
+	width: 32px;
+	height: 32px;
+	border-radius: 4px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	margin-right: 3px;
+}
+.goBackIconBox:hover {
+	background-color: rgb(240, 242, 245);
+}
 .goBack {
 	cursor: pointer;
 	color: #1e2633;

src/views/WorkFlowEdit/index.tsx

@@ -197,7 +197,9 @@ const WorkFlowEdit = observer((props: IProps) => {
 						)
 					}
 				>
+					<div className={styles.goBackIconBox}>
 						<img className={styles.goBackIcon} src={goback} alt="" />
+					</div>
 					<span className={styles.goBack}>返回</span>
 				</div>
 				<div className={styles.swHeaderRight}>