分支-头像姓名移入效果

This commit is contained in:
caishi 2021-10-08 15:41:28 +08:00
parent b226495277
commit bba4745381
3 changed files with 9 additions and 4 deletions

View File

@ -67,11 +67,14 @@ function Index(props) {
last_commit && last_commit.committer && last_commit.committer.id? last_commit && last_commit.committer && last_commit.committer.id?
<Link to={`/${ last_commit.committer.login}`}> <Link to={`/${ last_commit.committer.login}`}>
<img style={{borderRadius:"50%"}} src={getImageUrl(`/${ last_commit.committer.image_url}`)} alt=""/> <img style={{borderRadius:"50%"}} src={getImageUrl(`/${ last_commit.committer.image_url}`)} alt=""/>
<span className="mr3 color-grey-3" style={{fontWeight:"500"}}>{last_commit && last_commit.committer && last_commit.committer.name}</span>
</Link> </Link>
: :
<img style={{borderRadius:"50%"}} src={getImageUrl(`/${ last_commit.committer.image_url}`)} alt=""/> <React.Fragment>
<img style={{borderRadius:"50%"}} src={getImageUrl(`/${ last_commit.committer.image_url}`)} alt=""/>
<span className="mr3 color-grey-3" style={{fontWeight:"500"}}>{last_commit && last_commit.committer && last_commit.committer.name}</span>
</React.Fragment>
} }
<span className="mr3 color-grey-3" style={{fontWeight:"500"}}>{last_commit && last_commit.committer && last_commit.committer.name}</span>
<span className="color-grey-3">更新于{last_commit && last_commit.time_from_now}</span> <span className="color-grey-3">更新于{last_commit && last_commit.time_from_now}</span>
</div> </div>
</div> </div>

View File

@ -26,7 +26,9 @@
flex:1; flex:1;
flex-direction: column; flex-direction: column;
a:hover{ a:hover{
text-decoration: underline; span{
color: #466AFF!important;
}
} }
img{ img{
height: 20px; height: 20px;

View File

@ -87,7 +87,7 @@ export default Form.create()(
} }
], ],
<Input <Input
addonBefore={`https://`+ port ? `${hostname}:${port}`:`${hostname}`} addonBefore={port ? `${hostname}:${port}/`:`https://${hostname}/`}
placeholder="组织账号" maxLength={100} placeholder="组织账号" maxLength={100}
/> />
)} )}