From 630e32e1e04d358fd3beff533992183b186ffb4c Mon Sep 17 00:00:00 2001
From: caicai8 <1149225589@qq.com>
Date: Fri, 24 Apr 2020 18:22:45 +0800
Subject: [PATCH] style

---
 src/forge/Main/Detail.js | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/forge/Main/Detail.js b/src/forge/Main/Detail.js
index 3ab02510..4972a762 100644
--- a/src/forge/Main/Detail.js
+++ b/src/forge/Main/Detail.js
@@ -302,12 +302,22 @@ class Detail extends Component{
     const { projectsId } = this.props.match.params;
 
     const { state } = this.props.history.location;
+    
+    const text = (
+      projectDetail && projectDetail.forked_from_project_id && projectDetail.fork_info ?
+        <React.Fragment>
+          <span>forked from </span>
+          <Link to={`/users/${projectDetail.fork_info.fork_project_user_login}/projects`} className="show-user-link color-grey-ccc">{projectDetail.fork_info.fork_project_user_name}</Link>
+          <span> / </span>
+          <Link to={`/projects/${projectDetail.forked_from_project_id}/coders`} className="color-grey-ccc">{ projectDetail.fork_info.fork_form_name }</Link>
+        </React.Fragment>:""
+      );
     return(
       <div>
         <Spin spinning={isSpin}>
           <div className="detailHeader-wrapper">
             <div className="normal">
-              <div className="f-wrap-between mb30" style={{position:"relative"}}>
+              <div className="f-wrap-between mb15" style={{position:"relative"}}>
                 <p className="font-18 color-white df flex-1 lineH2 mt15" style={{alignItems:"center"}}>
 
                   {projectDetail && projectDetail.author &&
@@ -320,8 +330,7 @@ class Detail extends Component{
                     <Link to={`/projects/${projectsId}/coders`} className="color-white">{ projectDetail && projectDetail.name }</Link>
                     {
                       projectDetail && projectDetail.forked_from_project_id && projectDetail.fork_info ?
-                      <Tooltip placement={'right'} 
-                        title={`forked from ${ projectDetail.fork_info.fork_project_user_name} / ${ projectDetail.fork_info.fork_form_name }`}>
+                      <Tooltip placement={'right'} title={text}>
                         <a href={`/users/${ projectDetail.fork_info.fork_project_user_login}/projects`}
                           target="_blank"
                           className="ml20" >