Be more explicit about non matches
This commit is contained in:
parent
195e116670
commit
8fd3afb2a4
2 changed files with 14 additions and 0 deletions
|
@ -148,6 +148,17 @@ h3 {
|
|||
.not-found {
|
||||
opacity: 0.2;
|
||||
}
|
||||
.no-match {
|
||||
position: absolute;
|
||||
bottom: 80px;
|
||||
right: 37px;
|
||||
background: #fff;
|
||||
color: #FE4365;
|
||||
padding: 3px 6px;
|
||||
border-radius: 3px;
|
||||
opacity: 0.7;
|
||||
font-weight: bold;
|
||||
}
|
||||
.loading-wrap {
|
||||
position: absolute;
|
||||
top: 0;left: 0;
|
||||
|
|
|
@ -29,6 +29,9 @@ var MusicItem = React.createClass({
|
|||
<div className="col-md-3 col-xs-6">
|
||||
<div className="service">
|
||||
<div className="artwork not-found" style={{backgroundImage: "url("+this.props.items[0].artwork.small+")"}}></div>
|
||||
<div className="no-match">
|
||||
No Match
|
||||
</div>
|
||||
<div className="service-link not-found">
|
||||
<img src={"/images/" + this.props.item.service + ".png"} className="img-rounded" />
|
||||
</div>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue