grassrootseconomics/ethstats-server
5
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fixed mobile layout

Browse Source
This commit is contained in:
hackyminer 2018-04-04 13:59:43 +09:00 committed by Ikmyeong Na
parent f8c226c0f3
commit d8acdb5f6f
No known key found for this signature in database
GPG Key ID: EC674310ADADE2CA
1 changed files with 22 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
src/views/index.jade
View File

@ -4,7 +4,7 @@ extends ./layout.jade
block content block content
div.container-fluid(ng-controller='StatsCtrl') div.container-fluid(ng-controller='StatsCtrl')
div.row(ng-cloak) div.row(ng-cloak)
div.col-xs-2.stat-holder div.col-xs-6.col-sm-6.col-md-6.col-lg-2.stat-holder
div.big-info.bestblock.text-info div.big-info.bestblock.text-info
div.pull-left.icon-full-width div.pull-left.icon-full-width
i.icon-block i.icon-block
@ -12,7 +12,7 @@ block content
span.small-title best block span.small-title best block
span.big-details {{'#'}}{{ bestBlock | number}} span.big-details {{'#'}}{{ bestBlock | number}}
div.clearfix div.clearfix
div.col-xs-2.stat-holder div.col-xs-6.col-sm-6.col-md-6.col-lg-2.stat-holder
div.big-info.uncleCount.text-info div.big-info.uncleCount.text-info
div.pull-left.icon-full-width div.pull-left.icon-full-width
i.icon-uncle i.icon-uncle
@ -21,7 +21,7 @@ block content
span.small (current / last 50) span.small (current / last 50)
span.big-details {{ bestStats.block.uncles.length }}/{{ uncleCount }} span.big-details {{ bestStats.block.uncles.length }}/{{ uncleCount }}
div.clearfix div.clearfix
div.col-xs-2.stat-holder div.col-xs-6.col-sm-6.col-md-6.col-lg-2.stat-holder
div.big-info.blocktime(class="{{ lastBlock | timeClass : true }}") div.big-info.blocktime(class="{{ lastBlock | timeClass : true }}")
div.pull-left.icon-full-width div.pull-left.icon-full-width
i.icon-time i.icon-time
@ -30,7 +30,7 @@ block content
span.big-details {{ lastBlock | blockTimeFilter }} span.big-details {{ lastBlock | blockTimeFilter }}
//- span.big-details(time-ago="lastBlock") //- span.big-details(time-ago="lastBlock")
div.clearfix div.clearfix
div.col-xs-2.stat-holder div.col-xs-6.col-sm-6.col-md-6.col-lg-2.stat-holder
div.big-info.avgblocktime(class="{{ avgBlockTime | avgTimeClass }}") div.big-info.avgblocktime(class="{{ avgBlockTime | avgTimeClass }}")
div.pull-left.icon-full-width div.pull-left.icon-full-width
i.icon-gas i.icon-gas
@ -38,7 +38,7 @@ block content
span.small-title avg block time span.small-title avg block time
span.big-details {{ avgBlockTime | avgTimeFilter }} span.big-details {{ avgBlockTime | avgTimeFilter }}
div.clearfix div.clearfix
div.col-xs-2.stat-holder div.col-xs-6.col-sm-6.col-md-6.col-lg-2.stat-holder
div.big-info.difficulty.text-orange div.big-info.difficulty.text-orange
div.pull-left.icon-full-width div.pull-left.icon-full-width
i.icon-hashrate i.icon-hashrate
@ -46,7 +46,7 @@ block content
span.small-title avg network hashrate span.small-title avg network hashrate
span.big-details(ng-bind-html="avgHashrate | networkHashrateFilter") span.big-details(ng-bind-html="avgHashrate | networkHashrateFilter")
div.clearfix div.clearfix
div.col-xs-2.stat-holder div.col-xs-6.col-sm-6.col-md-6.col-lg-2.stat-holder
div.big-info.difficulty.text-danger div.big-info.difficulty.text-danger
div.pull-left.icon-full-width div.pull-left.icon-full-width
i.icon-difficulty i.icon-difficulty
@ -62,58 +62,58 @@ block content
div.row(ng-cloak) div.row(ng-cloak)
div.col-xs-12.stats-boxes(style="padding-top: 0px;") div.col-xs-12.stats-boxes(style="padding-top: 0px;")
div.row.second-row div.row.second-row
div.col-xs-2.stat-holder.box div.col-xs-6.col-sm-6.col-md-6.col-lg-2.stat-holder.box
div.active-nodes(class="{{ nodesActive | nodesActiveClass : nodesTotal }}") div.active-nodes(class="{{ nodesActive | nodesActiveClass : nodesTotal }}")
i.icon-node i.icon-node
span.small-title active nodes span.small-title active nodes
span.small-value {{nodesActive}}/{{nodesTotal}} span.small-value {{nodesActive}}/{{nodesTotal}}
div.col-xs-2.stat-holder.box div.col-xs-6.col-sm-6.col-md-6.col-lg-2.stat-holder.box
div.gasprice.text-info div.gasprice.text-info
i.icon-gasprice i.icon-gasprice
span.small-title gas price span.small-title gas price
span.small-value {{ bestStats.gasPrice.toString() | gasPriceFilter }} span.small-value {{ bestStats.gasPrice.toString() | gasPriceFilter }}
div.col-xs-2.stat-holder.box div.col-xs-6.col-sm-6.col-md-6.col-lg-2.stat-holder.box
div.gasprice.text-info div.gasprice.text-info
i.icon-gasprice i.icon-gasprice
span.small-title gas limit span.small-title gas limit
span.small-value {{ bestStats.block.gasLimit }} gas span.small-value {{ bestStats.block.gasLimit }} gas
div.col-xs-2.stat-holder.box div.col-xs-6.col-sm-6.col-md-6.col-lg-2.stat-holder.box
div.page-latency(class="{{ {active: true, latency: latency} | latencyClass }}") div.page-latency(class="{{ {active: true, latency: latency} | latencyClass }}")
i.icon-clock i.icon-clock
span.small-title page latency span.small-title page latency
span.small-value {{latency}} ms span.small-value {{latency}} ms
div.col-xs-2.stat-holder.box div.col-xs-6.col-sm-6.col-md-6.col-lg-2.stat-holder.box
div.uptime(class="{{ upTimeTotal | upTimeClass : true }}") div.uptime(class="{{ upTimeTotal | upTimeClass : true }}")
i.icon-bulb i.icon-bulb
span.small-title uptime span.small-title uptime
span.small-value {{ upTimeTotal | upTimeFilter }} span.small-value {{ upTimeTotal | upTimeFilter }}
div.col-xs-2.stat-holder.box div.col-sm-6.col-md-6.col-lg-2.stat-holder.box
div.row div.row
div.col-xs-8 div.col-xs-12.col-sm-12.col-md-12.col-lg-8
div.row div.row
div.col-xs-3.stat-holder div.col-xs-6.col-sm-4.col-md-3.stat-holder
div.big-info.chart(class="{{ avgBlockTime | avgTimeClass }}") div.big-info.chart(class="{{ avgBlockTime | avgTimeClass }}")
//- i.icon-time //- i.icon-time
span.small-title block time span.small-title block time
//- span.small-value {{ avgBlockTime | avgTimeFilter }} //- span.small-value {{ avgBlockTime | avgTimeFilter }}
sparkchart.big-details.spark-blocktimes(data="{{lastBlocksTime.join(',')}}", tooltipsuffix="s") sparkchart.big-details.spark-blocktimes(data="{{lastBlocksTime.join(',')}}", tooltipsuffix="s")
div.col-xs-3.stat-holder div.col-xs-6.col-sm-4.col-md-3.stat-holder
div.big-info.chart.text-info div.big-info.chart.text-info
//- i.icon-difficulty //- i.icon-difficulty
span.small-title difficulty span.small-title difficulty
//- span.small-value {{ lastDifficulty | number }} //- span.small-value {{ lastDifficulty | number }}
sparkchart.big-details.spark-difficulty(data="{{difficultyChart.join(',')}}") sparkchart.big-details.spark-difficulty(data="{{difficultyChart.join(',')}}")
div.col-xs-3.stat-holder.xpull-right div.col-xs-6.col-sm-4.col-md-3.stat-holder.xpull-right
div.big-info.chart.xdouble-chart(class="{{ blockPropagationAvg | propagationAvgTimeClass : true }}") div.big-info.chart.xdouble-chart(class="{{ blockPropagationAvg | propagationAvgTimeClass : true }}")
//- i.icon-gas //- i.icon-gas
span.small-title block propagation span.small-title block propagation
//- span.small-value {{ blockPropagationAvg | blockPropagationFilter : '' }} //- span.small-value {{ blockPropagationAvg | blockPropagationFilter : '' }}
histogram.big-details.d3-blockpropagation(data="blockPropagationChart") histogram.big-details.d3-blockpropagation(data="blockPropagationChart")
div.col-xs-3.stat-holder.xpull-right div.col-xs-6.col-sm-4.col-md-3.stat-holder.xpull-right
div.big-info.chart.xdouble-chart div.big-info.chart.xdouble-chart
span.small-title last blocks miners span.small-title last blocks miners
div.blocks-holder(ng-repeat='miner in miners track by miner.miner', data-toggle="tooltip", data-placement="right", data-original-title="{{miner.blocks}}") div.blocks-holder(ng-repeat='miner in miners track by miner.miner', data-toggle="tooltip", data-placement="right", data-original-title="{{miner.blocks}}")
@ -123,7 +123,7 @@ block content
minerblock(blocks="{{miner.blocks}}") minerblock(blocks="{{miner.blocks}}")
div.clearfix div.clearfix
div.col-xs-3.stat-holder div.col-xs-6.col-sm-4.col-md-3.stat-holder
div.big-info.chart.text-info div.big-info.chart.text-info
//- i.icon-uncle //- i.icon-uncle
span.small-title uncle count  span.small-title uncle count 
@ -131,19 +131,19 @@ block content
//- span.small-value {{ bestStats.block.uncles.length }}/{{ uncleCount }} //- span.small-value {{ bestStats.block.uncles.length }}/{{ uncleCount }}
sparkchart.big-details.spark-uncles(data="{{uncleCountChart.join(',')}}") sparkchart.big-details.spark-uncles(data="{{uncleCountChart.join(',')}}")
div.col-xs-3.stat-holder div.col-xs-6.col-sm-4.col-md-3.stat-holder
div.big-info.chart.text-info div.big-info.chart.text-info
//- i.icon-uncle //- i.icon-uncle
span.small-title transactions span.small-title transactions
sparkchart.big-details.spark-transactions(data="{{transactionDensity.join(',')}}") sparkchart.big-details.spark-transactions(data="{{transactionDensity.join(',')}}")
div.col-xs-3.stat-holder div.col-xs-6.col-sm-4.col-md-3.stat-holder
div.big-info.chart.text-info div.big-info.chart.text-info
//- i.icon-gasprice //- i.icon-gasprice
span.small-title gas spending span.small-title gas spending
sparkchart.big-details.spark-gasspending(data="{{gasSpending.join(',')}}") sparkchart.big-details.spark-gasspending(data="{{gasSpending.join(',')}}")
div.col-xs-3.stat-holder div.col-xs-6.col-sm-4.col-md-3.stat-holder
div.big-info.chart.text-info div.big-info.chart.text-info
//- i.icon-difficulty //- i.icon-difficulty
span.small-title gas limit span.small-title gas limit
@ -152,7 +152,7 @@ block content
div.col-xs-4.stat-holder.map-holder div.col-xs-12.col-sm-12.col-md-12.col-lg-4.stat-holder.map-holder
//- div.col-xs-12 //- div.col-xs-12
nodemap#mapHolder(data="map") nodemap#mapHolder(data="map")