style

src/forge/Main/CoderDepot.jsx

@@ -352,22 +352,22 @@ function CoderDepot(props){
                         }
                       </div>
                       <AlignCenter className="mr20">
-                        <Link to={`/${owner}/${projectsId}/branches`} className="color-grey-9">
-                          <i className="iconfont icon-fenzhi2 font-18 color-grey-9 mr3"></i>
-                          <span className="color-grey-6 mr3">{projectDetail && projectDetail.branches && projectDetail.branches.total_count}个</span>分支
+                        <Link to={`/${owner}/${projectsId}/branches`} className="iconBtn">
+                          <i className="iconfont icon-master_icon font-16"></i>
+                          分支<span>{projectDetail && projectDetail.branches && projectDetail.branches.total_count}</span>
                         </Link>
                       </AlignCenter>
                       <AlignCenter className="mr20">
-                        <Link to={`/${owner}/${projectsId}/tags`} className="color-grey-9">
-                          <i className="iconfont icon-biaoqian3 font-16 color-grey-9 mr3"></i>
-                          <span className="color-grey-6 mr3">{projectDetail && projectDetail.tags && projectDetail.tags.total_count}个</span>标签
+                        <Link to={`/${owner}/${projectsId}/tags`} className="iconBtn">
+                          <i className="iconfont icon-biaoqianicon font-16"></i>
+                          标签<span>{projectDetail && projectDetail.tags && projectDetail.tags.total_count}</span>
                         </Link>
                       </AlignCenter>
                     </AlignCenter>
                     <AlignCenter className="depotBtn">
                       {
                         baseOperate && ((projectDetail.type !== 2 && pullsFlag) || issuesFlag )&&
-                        <div className="mr20 addOptionBtn">
+                        <div className="addOptionBtn">
                           {
                             projectDetail.type !== 2 && pullsFlag &&
                             <CheckProfile {...props} sureFunc={()=>urlLink(`/${owner}/${projectsId}/pulls/new`)} >+ 合并请求</CheckProfile>

src/forge/Main/Detail.js

@@ -474,7 +474,7 @@ class Detail extends Component {
       <div>
         <div className="detailHeader-wrapper">
           <div className="normal">
-            <AlignTop style={{ padding: "20px 0px 10px", justifyContent: "space-between" }}>
+            <AlignTop style={{ padding: "18px 0px 10px", justifyContent: "space-between" }}>
               <div>
                 <AlignTop>
                   <div className="projectallName">

src/forge/Main/Index.scss

@@ -13,6 +13,19 @@
     }
   }
 }
+.iconBtn{
+  color: #666;
+  i{
+    margin-right: 4px;
+  }
+  span{
+    margin-left: 4px;
+    color: #333;
+  }
+  &:hover span{
+    color: #466AFF;
+  }
+}
 /* recommandProjects */
 .recommandProjects.slick-slider{
   width: 1230px;
@@ -129,28 +142,27 @@
         }
       }
       .ant-btn-primary{
-        width: 88px;
         color: #fff;
         background-color: #466AFF;
       }
     }
   }
   .addOptionBtn{
-    height: 32px;
-    line-height: 30px;
     display: flex;
-    border:1px solid #d9d9d9;
-    border-radius: 2px;
     a{
-      padding:0px 13px;
-      color: rgba(0, 0, 0, 0.65);
-      cursor: pointer;
-    }
-    & > a:first-child{
-      border-right: 1px solid #d9d9d9;
-    }
-    & > a:last-child{
-      border-right: none;
+      color: #333!important;
+      font-weight: 500;
+      border-radius: 5px;
+      width: 83px;
+      height: 32px;
+      line-height: 30px;
+      background: #fff;
+      border: 1px solid #D0D0D0;
+      margin-right: 10px;
+      text-align: center;
+      &:hover,&:active{
+        background: #F3F4F6;
+      }
     }
   }
   .infoCount{

src/forge/Main/list.scss

@@ -356,7 +356,7 @@
 
 
 .gitAddressClone{
-  margin:0px 20px 14px 20px!important;
+  margin:14px 20px!important;
   display: flex;
   height: 40px;
   align-items: center;