Artist grid

This commit is contained in:
James Barnsley
2017-07-24 17:57:44 +12:00
parent 6066d229f0
commit a627692d16
3 changed files with 5 additions and 4 deletions

View File

@ -142,6 +142,7 @@ class Artist extends React.Component{
<div className="body about">
<div className="col w40 tiles">
{this.props.artist.images ? <div className="tile thumbnail-wrapper"><Thumbnail size="huge" canZoom images={this.props.artist.images} /></div> : null}
{this.props.artist.images_additional ? <div className="tile thumbnail-wrapper"><Thumbnail size="huge" canZoom images={this.props.artist.images_additional} /></div> : null}
{this.props.artist.followers ? <div className="tile"><span className="text"><FontAwesome name="users" />{this.props.artist.followers.total.toLocaleString() } followers</span></div> : null}
{this.props.artist.popularity ? <div className="tile"><span className="text"><FontAwesome name="fire" />{this.props.artist.popularity }% popularity</span></div> : null}

View File

@ -73,7 +73,7 @@
}
}
@include responsive( null, 2400px ){
@include responsive( null, 1900px ){
&.mini {
.grid-item {
@include grid_item( 3 )
@ -86,7 +86,7 @@
}
}
@include responsive( 2399px, 1200px ){
@include responsive( 1899px, 1200px ){
&.mini {
.grid-item {
@include grid_item( 2 )

View File

@ -286,8 +286,8 @@ footer {
}
&.dark {
background: $dark_grey;
color: $white;
background: lighten($dark_grey,10%);
color: $mid_grey;
}
}