feat

src/components/mui/Tabs.tsx

@@ -115,7 +115,7 @@ const Tabs = (props: IProps) => {
 	return (
 		<ThemeProvider theme={theme}>
 			<TabContext value={value}>
-				<Box sx={{ borderBottom: 1, borderColor: "#F0F2F5" }}>
+				<Box sx={{ borderBottom: 1, borderColor: "#EDEFF2" }}>
 					<TabList
 						onChange={(e: any, val: string) => {
 							onChange(val);

src/views/ConsoleLayout/index.module.css

 .topApp {
-  height: 56px;
-  background-color: white;
-  border-bottom: #e6e8eb 1px solid;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
+	height: 56px;
+	background-color: white;
+	border-bottom: #dde1e6 1px solid;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
 }
 
 .topLeftBox {
-  display: flex;
-  align-items: center;
+	display: flex;
+	align-items: center;
 }
 
 .logo {
-  padding: 0px 16px 0px 20px;
-  margin-top: -10px;
+	padding: 0px 16px 0px 20px;
+	margin-top: -10px;
 }
 
-.uploadIconBox{
-  width: 32px;
-  height: 32px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin-right: 16px;
+.uploadIconBox {
+	width: 32px;
+	height: 32px;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	margin-right: 16px;
 }
 
-.uploadIconBox:hover{
- background-color: #f0f2f5;
- border-radius: 2px;
- cursor: pointer;
+.uploadIconBox:hover {
+	background-color: #f0f2f5;
+	border-radius: 2px;
+	cursor: pointer;
 }
 
-
 .topRightBox {
-  display: flex;
-  justify-content: flex-end;
-  align-items: center;
+	display: flex;
+	justify-content: flex-end;
+	align-items: center;
 }
 
 .topRightItem {
-  margin-right: 20px;
+	margin-right: 20px;
 }
 
 .ArrowDropDownIconRoot {
-  color: #8a9099;
-  transition: all 0.2s !important;
-  transform: rotate(0);
+	color: #8a9099;
+	transition: all 0.2s !important;
+	transform: rotate(0);
 }
 
 .ArrowDropDownIconRootOpen {
-  color: #8a9099;
-  transform: rotate(180deg);
+	color: #8a9099;
+	transform: rotate(180deg);
 }
 
 .menuPaper {
-  border: 1px solid #f0f2f5;
-  background: #ffffff;
-  border-radius: 4px;
-  box-shadow: 4px 4px 20px 0px rgba(0, 24, 57, 0.06) !important;
+	border: 1px solid #f0f2f5;
+	background: #ffffff;
+	border-radius: 4px;
+	box-shadow: 4px 4px 20px 0px rgba(0, 24, 57, 0.06) !important;
 }
 
 .menuItemRoot {
-  width: 143px;
-  font-size: 14px !important;
+	width: 143px;
+	font-size: 14px !important;
 }

src/views/MenuLayout/index.module.css

@@ -4,7 +4,7 @@
 	justify-content: center;
 }
 .aside {
-	border-right: 1px solid #e6e8eb;
+	border-right: 1px solid #dde1e6;
 	width: 10%;
 	min-width: 220px;
 	height: calc(100vh - 57px);

src/views/Project/ProjectSetting/index.tsx

@@ -12,7 +12,6 @@ import { Box } from "@mui/system";
 import { useStores } from "@/store/index";
 import NoProject from "@/components/BusinessComponents/NoProject";
 import { observer } from "mobx-react-lite";
-import projectImg from "@/assets/project/projectIconSmall.svg";
 import ProjectMembers from "./ProjectMembers";
 import BaseInfo from "./BaseInfo";
 import Tabs from "@/components/mui/Tabs";
@@ -35,13 +34,22 @@ const ProjectSetting = observer(() => {
 				component: <BaseInfo />,
 			},
 		];
-	}, []);
+	}, [isPass]);
 
 	if (currentProjectStore.currentProjectInfo.name) {
 		return (
-			<div style={{ padding:'28px 24px 24px' }}>
+			<div style={{ padding: "28px 24px 24px" }}>
 				<div style={{ display: "flex", alignItems: "center" }}>
-				<span style={{ fontSize: "18px", lineHeight: "26px", fontWeight: "600", color: "#1E2633" }}>项目设置</span>
+					<span
+						style={{
+							fontSize: "18px",
+							lineHeight: "26px",
+							fontWeight: "600",
+							color: "#1E2633",
+						}}
+					>
+						项目设置
+					</span>
 				</div>
 				<Box sx={{ width: "100%", typography: "body1" }}>
 					<Tabs tabList={tabList} />