feat: 项目数据样式优化

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

@@ -32,6 +32,9 @@
 	color: #1e2633;
 	line-height: 22px;
 	font-weight: 600;
+	display: flex;
+	justify-content: flex-start;
+	align-items: center;
 }
 
 .projectDataTabsAndBtton {
@@ -77,8 +80,9 @@
 	line-height: 22px;
 	font-size: 14px;
 	color: #1e2633;
-	/* display: flex;
-  align-items: center; */
+	display: flex;
+	justify-content: flex-start;
+	align-items: center;
 }
 
 .showPathI {

src/views/Project/ProjectData/index.tsx

@@ -27,6 +27,7 @@ import SeeDataset from "./SeeDataset";
 import { getDataFind, getDataFileSearch } from "@/api/project_api";
 import MyButton from "@/components/mui/MyButton";
 import SearchInput from "@/components/BusinessComponents/SearchInput";
+import ChevronRightIcon from "@mui/icons-material/ChevronRight";
 
 const ProjectData = observer(() => {
 	const isPass = usePass();
@@ -462,7 +463,13 @@ const ProjectData = observer(() => {
 						>
 							{index === 0 ? "ProjectData" : item}{" "}
 							{index === pathArr.length - 1 ? null : (
-								<i className={style.showPathI}>{">"}</i>
+								<ChevronRightIcon
+									sx={{
+										fontSize: "16px",
+										color: "rgba(194, 198, 204, 1)",
+										margin: "0px 4px",
+									}}
+								/>
 							)}
 						</span>
 					);
@@ -494,10 +501,24 @@ const ProjectData = observer(() => {
 								: ""}
 							{index === pathArr.length - 1 ||
 							(index <= pathArr.length - 4 && index > 0) ? null : (
-								<i className={style.showPathI}>{">"}</i>
+								<ChevronRightIcon
+									sx={{
+										fontSize: "16px",
+										color: "rgba(194, 198, 204, 1)",
+										margin: "0px 4px",
+									}}
+								/>
 							)}
 							{index === 1 && "..."}
-							{index === 1 && <i className={style.showPathI}>{">"}</i>}
+							{index === 1 && (
+								<ChevronRightIcon
+									sx={{
+										fontSize: "16px",
+										color: "rgba(194, 198, 204, 1)",
+										margin: "0px 4px",
+									}}
+								/>
+							)}
 						</span>
 					);
 				});