Update movie release date indicator

This commit is contained in:
montylion 2021-07-14 11:18:07 +02:00
parent e8a4b96002
commit c92fbbe8b8
No known key found for this signature in database
GPG Key ID: E259C2F34CE17F04
2 changed files with 8 additions and 2 deletions

View File

@ -17,7 +17,13 @@
.movieRow .left { .movieRow .left {
flex: 1; flex: 1;
display: flex; display: flex;
flex-flow: row wrap;
align-items: flex-start; align-items: flex-start;
margin-right: 0.5rem;
}
.movieRow .left .year {
color: #BCBECB;
} }
.movieRow .watch { .movieRow .watch {

View File

@ -8,10 +8,10 @@ export function MovieRow(props) {
return ( return (
<div className="movieRow" onClick={() => props.onClick && props.onClick()}> <div className="movieRow" onClick={() => props.onClick && props.onClick()}>
<div className="left"> <div className="left">
{props.title} {props.title}&nbsp;
<span className="year">({props.year})</span>
</div> </div>
<div className="watch"> <div className="watch">
<span className="attribute">year: {props.year}</span>
<p>Watch {props.type}</p> <p>Watch {props.type}</p>
<Arrow/> <Arrow/>
</div> </div>