From cbfb73d1cb35e1a82c4994770224a87db53447e6 Mon Sep 17 00:00:00 2001
From: caishi <1149225589@qq.com>
Date: Thu, 12 Aug 2021 15:24:45 +0800
Subject: [PATCH] =?UTF-8?q?=E5=90=8C=E4=B8=8A-=E7=BB=86=E8=8A=82=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/forge/Main/CoderDepot.jsx       | 32 ++++++++++++------------
 src/forge/Main/CoderDepotReadme.jsx |  2 +-
 src/forge/Main/Index.scss           | 38 ++++++++++++++++++++++-------
 3 files changed, 46 insertions(+), 26 deletions(-)

diff --git a/src/forge/Main/CoderDepot.jsx b/src/forge/Main/CoderDepot.jsx
index 6769528a6..ba215553c 100644
--- a/src/forge/Main/CoderDepot.jsx
+++ b/src/forge/Main/CoderDepot.jsx
@@ -1,6 +1,6 @@
 import React , { useEffect , useState } from 'react';
 import { WhiteBack , Box , LongWidth , ShortWidth , Gap , AlignCenter , FlexAJ  } from '../Component/layout';
-import { Dropdown , Menu , Divider , Spin, Button } from 'antd';
+import { Dropdown , Menu , Divider , Spin, Button , Typography } from 'antd';
 import { getImageUrl } from "educoder";
 import { Link } from 'react-router-dom';
 import CloneAddress from '../Branch/CloneAddress';
@@ -24,7 +24,7 @@ import CheckProfile from '../Component/ProfileModal/Profile';
 /**
  * projectDetail.type:0是托管项目，1是镜像项目，2是同步镜像项目(为2时不支持在线创建、在线上传、在线修改、在线删除、创建合并请求等功能)
  */
-
+ const { Paragraph } = Typography;
 function turnbar(str){
   if(str && str.length>0 && str.indexOf("/")>-1){
     return str.replaceAll('/','%2F');
@@ -467,25 +467,25 @@ function CoderDepot(props){
                       {desc && <p className="font-14 color-grey-9 mb15 task-hide-2" style={{lineHeight:"22px",WebkitLineClamp:"4",textAlign:"justify",wordBreak:"break-all"}}>{desc}</p>}
                       {
                         website &&
-                        <p className="color-grey-6 df">
-                          <i className="iconfont icon-lianjie2 font-15 mr10 color-grey-9"></i>
-                          <a href={website} className="color-grey-6" target="_blank" style={{wordBreak:"break-all",lineHeight:"20px",marginTop:"5px",textDecoration:"underline"}}>{website}</a>
-                        </p>
+                        <div className="color-grey-6 df pinfos mb5">
+                          <i className="iconfont icon-lianjie2 font-15 mr10"></i>
+                          <a href={website} target="_blank" style={{wordBreak:"break-all",lineHeight:"20px",marginTop:"5px",textDecoration:"underline"}}>{website}</a>
+                        </div>
                       }
-                      <p>
-                        <i className="iconfont icon-wenjian4 font-15 mr10 color-grey-9"></i>
-                        <a href="#readme" className="color-grey-6">README.md</a>
-                      </p>
-                      <p className="color-grey-6">
-                        <i className="iconfont icon-dataBase font-15 mr10 color-grey-6"></i>
+                      <div className="pinfos mb5">
+                        <i className="iconfont icon-wenjian4 font-15 mr10"></i>
+                        <a href="#readme">README.md</a>
+                      </div>
+                      <div className="color-grey-6 mb5">
+                        <i className="iconfont icon-neicunicon font-15 mr10"></i>
                         <span>{projectDetail && projectDetail.size}</span>
-                      </p>
+                      </div>
                       {
                         projectDetail && projectDetail.license_name &&
-                        <p className="color-grey-6">
+                        <div>
                           <i className="iconfont icon-tianping font-16 mr10 color-grey-3"></i>
-                          <span>{projectDetail.license_name}</span>
-                        </p>
+                          <span className="color-grey-6">{projectDetail.license_name}</span>
+                        </div>
                       }
                     </div>
                     {
diff --git a/src/forge/Main/CoderDepotReadme.jsx b/src/forge/Main/CoderDepotReadme.jsx
index 526e28d59..59a687ddc 100644
--- a/src/forge/Main/CoderDepotReadme.jsx
+++ b/src/forge/Main/CoderDepotReadme.jsx
@@ -45,7 +45,7 @@ function CoderDepotReadme({ operate , history , readme , ChangeFile }){
         <AlignCenter>
           <Dropdown overlay={menu()} trigger={['click']} overlayClassName="menuslist">
             <span className="catelogue">
-              <i className="iconfont icon-zhangjie1 font-14 mr5"></i>
+              <i className="iconfont icon-muluicon font-12 mr5"></i>
               <span>目录</span>
             </span>
           </Dropdown>
diff --git a/src/forge/Main/Index.scss b/src/forge/Main/Index.scss
index c97185e75..61f67c545 100644
--- a/src/forge/Main/Index.scss
+++ b/src/forge/Main/Index.scss
@@ -204,6 +204,7 @@
       padding:13px 20px;
       border-radius: 4px 4px 0px 0px;
       border: 1px solid rgba(42, 97, 255, 0.23);
+      background-color: #FAFCFF;
       .ellipsistxt{
         margin-top: 6px;
         #ptxt{
@@ -226,12 +227,12 @@
           overflow: hidden;
           position: relative;
           padding-right:8px;
-          &::after{
-            position: absolute;
-            right: 0px;
-            bottom: 0px;
-            content:"...";
-          }
+          // &::after{
+          //   position: absolute;
+          //   right: 0px;
+          //   bottom: 0px;
+          //   content:"...";
+          // }
         }
       }
       .ellipsis{
@@ -335,17 +336,22 @@
 }
 
 .catelogue{
-  border:1px solid rgb(211, 211, 211);
+  cursor: pointer;
+  background: #FAFBFC;
+  border-radius: 4px;
+  border: 1px solid #D0D0D0;
   font-size: 15px;
   font-weight: normal;
-  border-radius: 5px;
-  margin-right: 10px;
+  margin-right: 12px;
   padding:0px 10px;
   height: 30px;
   line-height: 30px;
   color: #666!important;
   display: flex;
   align-items: center;
+  &:hover{
+    background-color: #F3F4F6;
+  }
   span{
     margin-top: 1px;
   }
@@ -358,4 +364,18 @@
   &:hover{
     color: #05101a;
   }
+}
+.pinfos{
+  i,a{color: #666;}
+  &:hover i,&:hover a{
+    color: #2A61FF;
+  }
+}
+.graph{
+  flex:1;
+  margin:0px 12px;
+  .ant-typography{
+    white-space: pre-wrap;
+    margin-bottom: 0px;
+  }
 }
\ No newline at end of file