style: 💄 修改了一些样式

src/pages/ProjectLibraryPage/index.css

@@ -1,12 +1,12 @@
-.user-portfolio-page {
+.project-library-page {
   width: 100%;
   height: 100%;
   box-sizing: border-box;
   padding: 20px;
   position: relative;
 
-  .user-portfolio-wrapper {
-    width: 1120px;
+  .project-library-wrapper {
+    width: 100%;
     height: 790px;
     background-color: #fff;
     border-radius: 8px;
@@ -16,7 +16,7 @@
     display: flex;
     flex-direction: column;
 
-    .user-portfolio-search-area {
+    .project-library-search-area {
       width: 100%;
       height: 36px;
 
@@ -33,7 +33,7 @@
         }
       }
     }
-    .user-portfolio-list {
+    .project-library-list {
       overflow-y: auto;
       box-sizing: border-box;
       display: flex;
@@ -42,11 +42,11 @@
       flex-wrap: wrap;
       padding: 20px 0;
 
-      .user-portfolio-item:nth-child(3n) {
+      .project-library-item:nth-child(3n) {
         margin-right: 0;
       }
 
-      .user-portfolio-item {
+      .project-library-item {
         flex-shrink: 0;
         width: 340px;
         height: 82px;
@@ -63,7 +63,7 @@
         align-items: flex-start;
         flex-direction: column;
 
-        .user-portfolio-item-title {
+        .project-library-item-title {
           width: 100%;
           border: 1px solid #2c7aff;
           background-color: #e8f3ff;

src/pages/ProjectLibraryPage/index.jsx

@@ -68,9 +68,9 @@ const ProjectLibrary = () => {
   };
 
   return (
-    <div className="user-portfolio-page">
-      <div className="user-portfolio-wrapper">
-        <div className="user-portfolio-search-area">
+    <div className="project-library-page">
+      <div className="project-library-wrapper">
+        <div className="project-library-search-area">
           <InputSearch
             className="ser-portfolio-search"
             onSearch={onSearch}
@@ -81,11 +81,11 @@ const ProjectLibrary = () => {
           loadMore={fetchProjects}
           hasMore={hasMore}
           empty={projectList.length === 0}
-          className="user-portfolio-list"
+          className="project-library-list"
         >
           {projectList.map((item) => (
-            <li className="user-portfolio-item" key={item.id}>
-              <p className="user-portfolio-item-title">{item.description}</p>
+            <li className="project-library-item" key={item.id}>
+              <p className="project-library-item-title">{item.description}</p>
               <div>
                 <p>{item.name}</p>
                 <span onClick={() => handleProjectClick(item)}>详情 &gt;</span>