styling improvements
This commit is contained in:
parent
4c76139909
commit
1d9ffe2730
@ -137,7 +137,8 @@ span.small-title span.small {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.big-info.chart .big-details {
|
.big-info.chart .big-details {
|
||||||
padding-top: 8px;
|
position: absolute;
|
||||||
|
top: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.big-info.chart {
|
.big-info.chart {
|
||||||
@ -202,7 +203,8 @@ span.small-title span.small {
|
|||||||
padding: 5px 15px;
|
padding: 5px 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.second-row .box i {
|
.second-row .box i,
|
||||||
|
.big-info.chart i {
|
||||||
position: relative;
|
position: relative;
|
||||||
top: 2px;
|
top: 2px;
|
||||||
left: -3px;
|
left: -3px;
|
||||||
@ -213,13 +215,27 @@ span.small-title span.small {
|
|||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
.second-row .box .small-value {
|
.big-info.chart i {
|
||||||
|
font-size: 24px;
|
||||||
|
top: -2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.small-value {
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
-webkit-font-smoothing: subpixel-antialiased;
|
-webkit-font-smoothing: subpixel-antialiased;
|
||||||
-moz-osx-font-smoothing: auto;
|
-moz-osx-font-smoothing: auto;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.second-row .box .small-value {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
.big-info .small-value {
|
||||||
|
position: absolute;
|
||||||
|
right: 14px;
|
||||||
|
top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
table i {
|
table i {
|
||||||
-webkit-font-smoothing: subpixel-antialiased;
|
-webkit-font-smoothing: subpixel-antialiased;
|
||||||
-moz-osx-font-smoothing: auto;
|
-moz-osx-font-smoothing: auto;
|
||||||
|
@ -66,16 +66,16 @@ block content
|
|||||||
div.row(ng-cloak)
|
div.row(ng-cloak)
|
||||||
div.col-xs-8.stats-boxes(style="padding-top: 0px;")
|
div.col-xs-8.stats-boxes(style="padding-top: 0px;")
|
||||||
div.row.second-row
|
div.row.second-row
|
||||||
//- div.col-xs-3.stat-holder.box
|
|
||||||
//- div.active-nodes(class="{{ nodesActive | nodesActiveClass : nodesTotal }}")
|
|
||||||
//- i.icon-node
|
|
||||||
//- span.small-title active nodes
|
|
||||||
//- span.small-value {{nodesActive}}/{{nodesTotal}}
|
|
||||||
div.col-xs-3.stat-holder.box
|
div.col-xs-3.stat-holder.box
|
||||||
div.difficulty.text-info
|
div.active-nodes(class="{{ nodesActive | nodesActiveClass : nodesTotal }}")
|
||||||
i.icon-difficulty
|
i.icon-node
|
||||||
span.small-title difficulty
|
span.small-title active nodes
|
||||||
span.small-value {{ lastDifficulty | number }}
|
span.small-value {{nodesActive}}/{{nodesTotal}}
|
||||||
|
//- div.col-xs-3.stat-holder.box
|
||||||
|
//- div.difficulty.text-info
|
||||||
|
//- i.icon-difficulty
|
||||||
|
//- span.small-title difficulty
|
||||||
|
//- span.small-value {{ lastDifficulty | number }}
|
||||||
div.col-xs-3.stat-holder.box
|
div.col-xs-3.stat-holder.box
|
||||||
div.gasprice.text-info
|
div.gasprice.text-info
|
||||||
i.icon-gasprice
|
i.icon-gasprice
|
||||||
@ -94,18 +94,24 @@ block content
|
|||||||
|
|
||||||
div.row
|
div.row
|
||||||
div.col-xs-3.stat-holder
|
div.col-xs-3.stat-holder
|
||||||
div.big-info.chart
|
div.big-info.chart(class="{{ avgBlockTime | avgTimeClass }}")
|
||||||
|
//- i.icon-time
|
||||||
span.small-title block time
|
span.small-title block time
|
||||||
|
span.small-value {{ avgBlockTime | avgTimeFilter }}
|
||||||
span.big-details.spark-blocktimes
|
span.big-details.spark-blocktimes
|
||||||
|
|
||||||
div.col-xs-3.stat-holder
|
div.col-xs-3.stat-holder
|
||||||
div.big-info.chart
|
div.big-info.chart.text-info
|
||||||
|
//- i.icon-difficulty
|
||||||
span.small-title difficulty
|
span.small-title difficulty
|
||||||
|
span.small-value {{ lastDifficulty | number }}
|
||||||
span.big-details.spark-difficulty
|
span.big-details.spark-difficulty
|
||||||
|
|
||||||
div.col-xs-3.stat-holder.xpull-right
|
div.col-xs-3.stat-holder.xpull-right
|
||||||
div.big-info.chart.xdouble-chart
|
div.big-info.chart.xdouble-chart.text-info
|
||||||
|
//- i.icon-gas
|
||||||
span.small-title block propagation
|
span.small-title block propagation
|
||||||
|
//- span.small-value {{ lastDifficulty | number }}
|
||||||
histogram.big-details.d3-blockpropagation(data="blockPropagationChart")
|
histogram.big-details.d3-blockpropagation(data="blockPropagationChart")
|
||||||
|
|
||||||
div.col-xs-3.stat-holder.pull-right
|
div.col-xs-3.stat-holder.pull-right
|
||||||
@ -118,18 +124,22 @@ block content
|
|||||||
div.clearfix
|
div.clearfix
|
||||||
|
|
||||||
div.col-xs-3.stat-holder
|
div.col-xs-3.stat-holder
|
||||||
div.big-info.chart
|
div.big-info.chart.text-info
|
||||||
|
//- i.icon-uncle
|
||||||
span.small-title uncle count #[ ]
|
span.small-title uncle count #[ ]
|
||||||
span.small (25 blocks per bar)
|
span.small (25 blocks per bar)
|
||||||
|
span.small-value {{ bestStats.block.uncles.length }}/{{ uncleCount }}
|
||||||
span.big-details.spark-uncles
|
span.big-details.spark-uncles
|
||||||
|
|
||||||
div.col-xs-3.stat-holder
|
div.col-xs-3.stat-holder
|
||||||
div.big-info.chart
|
div.big-info.chart.text-info
|
||||||
|
//- i.icon-uncle
|
||||||
span.small-title transactions
|
span.small-title transactions
|
||||||
span.big-details.spark-transactions
|
span.big-details.spark-transactions
|
||||||
|
|
||||||
div.col-xs-3.stat-holder
|
div.col-xs-3.stat-holder
|
||||||
div.big-info.chart
|
div.big-info.chart.text-info
|
||||||
|
//- i.icon-gasprice
|
||||||
span.small-title gas spending
|
span.small-title gas spending
|
||||||
span.big-details.spark-gasspending
|
span.big-details.spark-gasspending
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user