diff --git a/images/container-white.png b/images/container-white.png
index 94fc0e6bad..e5b5b2149f 100644
Binary files a/images/container-white.png and b/images/container-white.png differ
diff --git a/images/container-white@2x.png b/images/container-white@2x.png
index dc5fde9ef5..0b2c76efd5 100644
Binary files a/images/container-white@2x.png and b/images/container-white@2x.png differ
diff --git a/images/container.png b/images/container.png
index b2ed8b5f95..db6dc21e68 100644
Binary files a/images/container.png and b/images/container.png differ
diff --git a/images/container@2x.png b/images/container@2x.png
index 82b02cb2c0..0fbb4ac03b 100644
Binary files a/images/container@2x.png and b/images/container@2x.png differ
diff --git a/src/ContainerDetails.react.js b/src/ContainerDetails.react.js
index 182a96cff2..f20579462d 100644
--- a/src/ContainerDetails.react.js
+++ b/src/ContainerDetails.react.js
@@ -65,7 +65,7 @@ var ContainerDetails = React.createClass({
this.setState({
progress: ContainerStore.progress(this.getParams().name),
env: ContainerUtil.env(container),
- page: this.PAGE_LOGS
+ page: this.PAGE_HOME
});
var ports = ContainerUtil.ports(container);
var webPorts = ['80', '8000', '8080', '3000', '5000', '2368'];
diff --git a/src/ContainerList.react.js b/src/ContainerList.react.js
index 3526d5a789..69f1be02c8 100644
--- a/src/ContainerList.react.js
+++ b/src/ContainerList.react.js
@@ -3,11 +3,15 @@ var ContainerListItem = require('./ContainerListItem.react');
var ContainerListNewItem = require('./ContainerListNewItem.react');
var ContainerList = React.createClass({
+ componentWillMount: function () {
+ this._start = Date.now();
+ },
render: function () {
+ var self = this;
var containers = this.props.containers.map(function (container) {
console.log(container);
return (
-
+
);
});
return (
diff --git a/src/ContainerListItem.react.js b/src/ContainerListItem.react.js
index d8b6348004..96baaa8b6e 100644
--- a/src/ContainerListItem.react.js
+++ b/src/ContainerListItem.react.js
@@ -7,9 +7,6 @@ var dialog = remote.require('dialog');
var ContainerStore = require('./ContainerStore');
var ContainerListItem = React.createClass({
- componentWillMount: function () {
- this._start = Date.now();
- },
handleItemMouseEnter: function () {
var $action = $(this.getDOMNode()).find('.action');
$action.show();
@@ -49,7 +46,7 @@ var ContainerListItem = React.createClass({
// Synchronize all animations
var style = {
- WebkitAnimationDelay: (self._start - Date.now()) + 'ms'
+ WebkitAnimationDelay: (self.props.start - Date.now()) + 'ms'
};
var state;
diff --git a/src/NewContainer.react.js b/src/NewContainer.react.js
index 33e97d34a2..8f024f794d 100644
--- a/src/NewContainer.react.js
+++ b/src/NewContainer.react.js
@@ -98,7 +98,7 @@ var NewContainer = React.createClass({
render: function () {
var self = this;
var title = this.state.query ? 'Results' : 'Recommended';
- var data = this.state.results.slice(0, 7);
+ var data = this.state.results.slice(0, 6);
var results;
if (data.length) {
diff --git a/styles/containers.less b/styles/containers.less
index 57fcd49f6b..082a252e9c 100644
--- a/styles/containers.less
+++ b/styles/containers.less
@@ -121,7 +121,7 @@
.new-container {
padding: 35px 20px 32px 25px;
.new-container-header {
- margin-bottom: 20px;
+ margin-bottom: 28px;
display: flex;
flex: 1;
.text {