项目列表样式修改

src/views/ConsoleLayout/index.module.css

@@ -54,6 +54,7 @@
 	z-index: 1002;
 }
 .productLi {
+	min-width: 142px;
 	height: 36px;
 	padding: 7px 50px 7px 16px;
 	font-size: 14px;
@@ -109,16 +110,6 @@
 	color: #8a9099;
 	transform: rotate(180deg);
 }
-/* .ArrowDropDownIconRoot {
-	color: #8a9099;
-	transition: all 0.2s !important;
-	transform: rotate(0);
-}
-
-.ArrowDropDownIconRootOpen {
-	color: #8a9099;
-	transform: rotate(180deg);
-} */
 
 .menuPaper {
 	border: 1px solid #f0f2f5;

src/views/Project/components/ProjectListPopper/index.module.css

@@ -2,14 +2,6 @@
 	width: calc(100vw - 220px);
 	height: calc(100vh - 57px);
 	background-color: rgba(0, 0, 0, 0.5);
-	/* width: 260px;
-	height: calc(100vh - 57px); */
-	/* width: 260px;
-	height: calc(100vh - 57px);
-	background-color: #fff;
-	border-right: 1px solid #ebedf0;
-	display: flex;
-	flex-direction: column; */
 }
 
 .mainBox {
@@ -25,10 +17,11 @@
 .searchBox {
 	box-sizing: border-box;
 	height: 56px;
-	padding: 17px;
+	padding: 12px 8px 12px 24px;
 	display: flex;
 	flex-direction: row;
 	justify-content: space-between;
+	align-items: center;
 }
 .searchButton {
 	width: 22px;
@@ -48,8 +41,11 @@
 }
 .add {
 	padding: 0 15px;
-	width: 22px;
-	height: 22px;
+	width: 32px;
+	height: 32px;
+}
+.add:hover {
+	border-radius: 4px;
 }
 .addIcon {
 	color: #1e2633;
@@ -96,13 +92,14 @@
 	overflow: hidden;
 }
 .projectOwnerTime {
+	font-size: 12px;
 	display: flex;
 	justify-content: space-between;
 }
 .projectOwner {
+	font-size: 12px;
 	color: #565c66;
 	line-height: 20px;
-	font-size: 14px;
 	margin-right: 32px;
 	max-width: 60px;
 	white-space: nowrap;
@@ -113,5 +110,5 @@
 .projectTime {
 	color: #8a9099;
 	line-height: 20px;
-	font-size: 14px;
+	font-size: 12px;
 }

src/views/Project/components/ProjectListPopper/index.tsx

@@ -15,7 +15,7 @@ import classNames from "classnames";
 import { useStores } from "@/store/index";
 import moment from "moment";
 import React, { useMemo, useState } from "react";
-import { useClickAway } from 'ahooks';
+import { useClickAway } from "ahooks";
 import { toJS } from "mobx";
 import { observer } from "mobx-react-lite";
 
@@ -36,6 +36,7 @@ const ProjectListPopper = observer((props: any) => {
 			return item.name?.indexOf(name) !== -1;
 		});
 	}, [projectList, name]);
+	console.log(list);
 
 	const handleProjectBox = (e: React.SyntheticEvent) => {
 		setProjectListOpen(false);
@@ -45,12 +46,16 @@ const ProjectListPopper = observer((props: any) => {
 		() => {
 			setProjectListOpen(false);
 		},
-    () => document.getElementById('use-click-projectList-mainBox'),
+		() => document.getElementById("use-click-projectList-mainBox")
 	);
 
 	return (
 		<div className={style.projectBox} onClick={handleProjectBox}>
-			<div className={style.mainBox} id="use-click-projectList-mainBox" onClick={(e: any)=>e.stopPropagation()}>
+			<div
+				className={style.mainBox}
+				id="use-click-projectList-mainBox"
+				onClick={(e: any) => e.stopPropagation()}
+			>
 				<div className={style.searchBox}>
 					<IconButton
 						type="submit"
@@ -68,6 +73,11 @@ const ProjectListPopper = observer((props: any) => {
 						inputProps={{ "aria-label": "请输入项目名称" }}
 						value={name}
 						onChange={nameChange}
+						sx={{
+							fontSize: "14px",
+							color: "rgba(194, 198, 204, 1)",
+							height: "22px",
+						}}
 					/>
 					<IconButton
 						onClick={handleClickOpen}