Artist grid
This commit is contained in:
@ -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}
|
||||
|
||||
@ -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 )
|
||||
|
||||
@ -286,8 +286,8 @@ footer {
|
||||
}
|
||||
|
||||
&.dark {
|
||||
background: $dark_grey;
|
||||
color: $white;
|
||||
background: lighten($dark_grey,10%);
|
||||
color: $mid_grey;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user