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 {