diff --git a/src/pages/Work/index.tsx b/src/pages/Work/index.tsx index 2c1670b..709ce40 100644 --- a/src/pages/Work/index.tsx +++ b/src/pages/Work/index.tsx @@ -117,13 +117,13 @@ const ListItem = ({ item, type, fetchData }: ListItemProps) => { {dayjs(+item.createTime!).format('YYYY-MM-DD HH:mm:ss')} -
+
{type !== "wall" ? ( ) : } -
+
{type === "link" ? ( <>
名称:{item.title}
@@ -219,8 +219,8 @@ const WorkPage = () => { <> <Card className="mt-2"> - <div className="flex w-full"> - <div className="w-2/12 min-h-96 pr-4 border-r border-[#eee]"> + <div className="flex flex-col md:flex-row w-full"> + <div className="w-full min-w-[200px] md:w-2/12 md:min-h-96 mb-5 md:mb-0 pr-4 border-b md:border-r border-[#eee]"> <ul className="space-y-1"> {(["comment", "link", "wall"] as Menu[]).map((menu) => ( <li @@ -235,7 +235,7 @@ const WorkPage = () => { </ul> </div> - <div className="w-10/12 pl-6 py-4 space-y-10"> + <div className="w-full md:w-10/12 md:pl-6 py-4 space-y-10"> {active === "link" && renderList(linkList, "link")} {active === "comment" && renderList(commentList, "comment")} {active === "wall" && renderList(wallList, "wall")}