Commit cca46cd3 authored by chenshouchao's avatar chenshouchao

feat: 项目数据样式优化

parent c117b704
...@@ -32,6 +32,9 @@ ...@@ -32,6 +32,9 @@
color: #1e2633; color: #1e2633;
line-height: 22px; line-height: 22px;
font-weight: 600; font-weight: 600;
display: flex;
justify-content: flex-start;
align-items: center;
} }
.projectDataTabsAndBtton { .projectDataTabsAndBtton {
...@@ -77,8 +80,9 @@ ...@@ -77,8 +80,9 @@
line-height: 22px; line-height: 22px;
font-size: 14px; font-size: 14px;
color: #1e2633; color: #1e2633;
/* display: flex; display: flex;
align-items: center; */ justify-content: flex-start;
align-items: center;
} }
.showPathI { .showPathI {
......
...@@ -27,6 +27,7 @@ import SeeDataset from "./SeeDataset"; ...@@ -27,6 +27,7 @@ import SeeDataset from "./SeeDataset";
import { getDataFind, getDataFileSearch } from "@/api/project_api"; import { getDataFind, getDataFileSearch } from "@/api/project_api";
import MyButton from "@/components/mui/MyButton"; import MyButton from "@/components/mui/MyButton";
import SearchInput from "@/components/BusinessComponents/SearchInput"; import SearchInput from "@/components/BusinessComponents/SearchInput";
import ChevronRightIcon from "@mui/icons-material/ChevronRight";
const ProjectData = observer(() => { const ProjectData = observer(() => {
const isPass = usePass(); const isPass = usePass();
...@@ -462,7 +463,13 @@ const ProjectData = observer(() => { ...@@ -462,7 +463,13 @@ const ProjectData = observer(() => {
> >
{index === 0 ? "ProjectData" : item}{" "} {index === 0 ? "ProjectData" : item}{" "}
{index === pathArr.length - 1 ? null : ( {index === pathArr.length - 1 ? null : (
<i className={style.showPathI}>{">"}</i> <ChevronRightIcon
sx={{
fontSize: "16px",
color: "rgba(194, 198, 204, 1)",
margin: "0px 4px",
}}
/>
)} )}
</span> </span>
); );
...@@ -494,10 +501,24 @@ const ProjectData = observer(() => { ...@@ -494,10 +501,24 @@ const ProjectData = observer(() => {
: ""} : ""}
{index === pathArr.length - 1 || {index === pathArr.length - 1 ||
(index <= pathArr.length - 4 && index > 0) ? null : ( (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 && "..."}
{index === 1 && <i className={style.showPathI}>{">"}</i>} {index === 1 && (
<ChevronRightIcon
sx={{
fontSize: "16px",
color: "rgba(194, 198, 204, 1)",
margin: "0px 4px",
}}
/>
)}
</span> </span>
); );
}); });
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment