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 {
|
.not-found {
|
||||||
opacity: 0.2;
|
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 {
|
.loading-wrap {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;left: 0;
|
top: 0;left: 0;
|
||||||
|
|
|
@ -29,6 +29,9 @@ var MusicItem = React.createClass({
|
||||||
<div className="col-md-3 col-xs-6">
|
<div className="col-md-3 col-xs-6">
|
||||||
<div className="service">
|
<div className="service">
|
||||||
<div className="artwork not-found" style={{backgroundImage: "url("+this.props.items[0].artwork.small+")"}}></div>
|
<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">
|
<div className="service-link not-found">
|
||||||
<img src={"/images/" + this.props.item.service + ".png"} className="img-rounded" />
|
<img src={"/images/" + this.props.item.service + ".png"} className="img-rounded" />
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue