Merge pull request '微调glcc样式' (#402) from tongChong/forgeplus-react:feature_GLCC into gitlink_server

src/glcc/project/projectList/index.jsx

@@ -94,8 +94,8 @@ function ProjectList({ applyTaskId, current_user, showLoginDialog, isStudentAppl
               >
                 <div className={`projectItem ${(index + 1) % 3 === 0 || (index + 1) % 3 % 2 === 0 ? '' : 'firstBox'} ${item.projectName.replace(/ /g, '')} ${item.gitlinkLastUrl.replace(/\./g, '')}`}>
                   <div className="border"></div>
+                  {!gitlinkLastUrl && !openmmlab && item.recommendFlag ? <img className="projectLogoStar" src={star} /> : ''}
                   <div className="projectLogo">
-                    {!gitlinkLastUrl && !openmmlab && item.recommendFlag ? <img className="projectLogoStar" src={star} /> : ''}
                     <img className="projectLogoImg" src={item.projectLogoId ? `${main_site_url}/api/attachments/${item.projectLogoId}` : logo} alt='' />
                   </div>
                   <div className="title">{item.projectName}</div>

src/glcc/project/projectList/index.scss

@@ -3,6 +3,7 @@
   flex-wrap: wrap;
   // justify-content: space-between;
   .projectItem{
+    position: relative;
     width: 30%;
     background-image: linear-gradient(180deg,rgba(232, 237, 255, 0.85) 0%,rgba(255, 255, 255, 0.85) 100%);
     border: 1px solid;
@@ -28,6 +29,14 @@
       background-color:#657edf;
       border-radius:2px 2px 0px 0px;
     }
+    .projectLogoStar{
+      position: absolute;
+      top:30px;
+      right: 130px;
+      width: 28px;
+      z-index: 10;
+      transform: rotate(46deg);
+    }
     .projectLogo{
       position: relative;
       width: 100px;
@@ -39,19 +48,12 @@
       overflow: hidden;
       margin: 25px auto 10px;
       line-height: 95px;
-      overflow: visible;
       .projectLogoImg{
         width: 100%;
         // height: 100%;
         // display: block;
       }
-      .projectLogoStar{
-        position: absolute;
-        top:0;
-        right: 0;
-        width: 28px;
-        transform: rotate(46deg);
-      }
+      
     }
     .title{
       color:#2a51bf;