No tags state.

This commit is contained in:
Sean Li 2015-06-08 09:16:45 -07:00
parent 91c2318010
commit a1fc76eb2e
2 changed files with 7 additions and 2 deletions

View File

@ -122,7 +122,7 @@ var ImageCard = React.createClass({
if (self.state.loading) { if (self.state.loading) {
tags = <RetinaImage className="tags-loading" src="loading.png"/>; tags = <RetinaImage className="tags-loading" src="loading.png"/>;
} else if (self.state.tags.length === 0) { } else if (self.state.tags.length === 0) {
tags = <span>No Tags</span>; tags = <div className="no-tags">No Tags</div>;
} else { } else {
var tagDisplay = self.state.tags.map(function (t) { var tagDisplay = self.state.tags.map(function (t) {
if (t === self.state.chosenTag) { if (t === self.state.chosenTag) {
@ -151,7 +151,7 @@ var ImageCard = React.createClass({
<div className="image-item"> <div className="image-item">
<div className="overlay menu-overlay"> <div className="overlay menu-overlay">
<div className="menu-item" onClick={this.handleTagOverlayClick.bind(this, this.props.image.name)}> <div className="menu-item" onClick={this.handleTagOverlayClick.bind(this, this.props.image.name)}>
CHOSEN TAG: <span className="selected-tag">{this.state.chosenTag}</span> SELECTED TAG: <span className="selected-tag">{this.state.chosenTag}</span>
</div> </div>
<div className="menu-item" onClick={this.handleRepoClick}> <div className="menu-item" onClick={this.handleRepoClick}>
VIEW ON DOCKER HUB VIEW ON DOCKER HUB

View File

@ -260,6 +260,11 @@
-webkit-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear; -webkit-animation-timing-function: linear;
} }
.no-tags {
color: @gray-lighter;
text-align: center;
margin-top: 3rem;
}
} }
.logo { .logo {
width: 60px; width: 60px;