1
0
Fork 0

Restore minimal metrics

This commit is contained in:
Gregory Eremin 2015-10-29 02:33:50 +03:00
parent 5462985a40
commit fde8762b77
2 changed files with 20 additions and 3 deletions

View File

@ -1,6 +1,6 @@
body {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 13px;
font-size: 16px;
}
#app {
@ -15,7 +15,7 @@ body {
}
.daemon .left-block {
float: left;
width: 300px;
width: 350px;
height: 150px;
/*background-color: #cfc;*/
}
@ -24,10 +24,22 @@ body {
margin: 0;
font-weight: 400;
}
.daemon .left-block dl {
width: 170px;
}
.daemon .left-block dt, .daemon .left-block dd {
float: left;
margin: 0 5px 0 0;
width: 80px;
line-height: 30px;
}
.daemon .left-block dd {
font-family: monospace;
}
.daemon .boxplot {
float: left;
height: 150px;
/*background-color: #fcc;*/
border: #ccc 1px solid;
/*border: #ccc 1px solid;*/
}

View File

@ -54,6 +54,11 @@ var Daemon = React.createClass({
<div className="daemon">
<div className="left-block">
<h1>{this.props.name}</h1>
<dl>
<dt>Processed:</dt><dd>{last.processed}</dd>
<dt>Errors:</dt><dd>{last.errors}</dd>
<dt>Median:</dt><dd>{formatDuration(last.median)}</dd>
</dl>
</div>
<BoxPlot points={this.props.points} />
</div>