mirrors/woodpecker
1
0
Fork 0
mirror of https://github.com/woodpecker-ci/woodpecker.git synced 2024-11-23 10:21:00 +00:00
Code Issues Projects Releases Wiki Activity

Update build details - show author

Browse source
This commit is contained in:
Alex Eftimie 2021-03-19 10:27:39 +01:00
parent 34c170500a
commit 0531b105db
4 changed files with 31 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
web/src/screens/repo/screens/build/components/details.js
View file

@ -16,9 +16,15 @@ export class Details extends Component {
<section className={styles.message} style={{ whiteSpace: "pre-line" }}> <section className={styles.message} style={{ whiteSpace: "pre-line" }}>
{build.message} {build.message}
</section> </section>
<section> <section>
<div className={styles.author}>
<img src={build.author_avatar} />
<span>{build.author}</span>
</div>
<BuildTime <BuildTime
start={build.started_at || build.created_at} start={build.started_at || build.created_at}
finish={build.finished_at} finish={build.finished_at}

17
web/src/screens/repo/screens/build/components/details.less
View file

@ -15,3 +15,20 @@
} }
} }
} }
.author {
display: flex;
height: 30px;
align-items: center;
}
.author img {
border-radius: 50%;
height: 16px;
width: 16px;
margin-right: 10px;
}
.author span {
font-size: 14px;
}

2
web/src/screens/repo/screens/builds/components/list.js
View file

@ -17,7 +17,7 @@ export class Item extends Component {
return ( return (
<div className={styles.item}> <div className={styles.item}>
<div className={styles.icon}> <div className={styles.icon}>
<img src={build.author_avatar} /> <img src={build.author_avatar} title={build.author} />
</div> </div>
<div className={styles.body}> <div className={styles.body}>

14
web/src/screens/repo/screens/builds/components/list.less
View file

@ -99,17 +99,17 @@
} }
.icon { .icon {
margin-left: 10px; margin-left: 8px;
margin-right: 20px; margin-right: 18px;
max-width: 22px; max-width: 26px;
min-width: 22px; min-width: 26px;
width: 22px; width: 26px;
} }
.icon img { .icon img {
border-radius: 50%; border-radius: 50%;
height: 22px; height: 26px;
width: 22px; width: 26px;
} }
.status { .status {