EpicCash/epic_explorer
4
0
Fork 0
Code Issues Pull Requests 1 Projects Releases Wiki Activity

Commit - Table responsive issue

Browse Source
This commit is contained in:
shunmugam 2019-09-16 19:17:25 +05:30
parent 592f04d6f7
commit c9479a1b76
2 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/app/view/home/latestblocks/latestblocks.component.html
View File

@ -34,17 +34,17 @@
</div> </div>
</div> </div>
<div class="col-5 col-sm-6 col-md-4 tble_col"> <div class="col-5 col-sm-6 col-md-4 tble_col">
<div class="block_div"> <div class="block_div inp_div">
<h5 class="mb-0">#{{'home.INPUTS' | translate}}</h5> <h5 class="mb-0">#{{'home.INPUTS' | translate}}</h5>
</div> </div>
</div> </div>
<div class="col-6 col-md-4 tble_col"> <div class="col-6 col-md-4 tble_col">
<div class="block_div"> <div class="block_div inp_div">
<h5 class="mb-0">#{{'home.OUTPUTS' | translate}}</h5> <h5 class="mb-0">#{{'home.OUTPUTS' | translate}}</h5>
</div> </div>
</div> </div>
<div class="col-6 col-md-4 tble_col"> <div class="col-6 col-md-4 tble_col">
<div class="block_div"> <div class="block_div inp_div">
<h5 class="mb-0">#{{'home.KERNELS' | translate}}</h5> <h5 class="mb-0">#{{'home.KERNELS' | translate}}</h5>
</div> </div>
</div> </div>
@ -97,17 +97,17 @@
</div> </div>
</div> </div>
<div class="col-6 col-sm-6 col-md-3 tble_col"> <div class="col-6 col-sm-6 col-md-3 tble_col">
<div class="block_div"> <div class="block_div inp_div">
<h6>#{{'home.INPUTS' | translate}}</h6><span class="blck_value">{{ hashvalue.input_count }}</span> <h6>#{{'home.INPUTS' | translate}}</h6><span class="blck_value">{{ hashvalue.input_count }}</span>
</div> </div>
</div> </div>
<div class="col-6 col-md-3 tble_col"> <div class="col-6 col-md-3 tble_col">
<div class="block_div"> <div class="block_div inp_div">
<h6>#{{'home.OUTPUTS' | translate}}</h6><span class="blck_value">{{ hashvalue.output_count }}</span> <h6>#{{'home.OUTPUTS' | translate}}</h6><span class="blck_value">{{ hashvalue.output_count }}</span>
</div> </div>
</div> </div>
<div class="col-6 col-md-3 tble_col"> <div class="col-6 col-md-3 tble_col">
<div class="block_div"> <div class="block_div inp_div">
<h6>#{{'home.KERNELS' | translate}}</h6><span class="blck_value">{{ hashvalue.kernal_count }}</span> <h6>#{{'home.KERNELS' | translate}}</h6><span class="blck_value">{{ hashvalue.kernal_count }}</span>
</div> </div>
</div> </div>

1
src/assets/css/responsive.css
View File

@ -1,5 +1,6 @@
@media(min-width: 992px){ @media(min-width: 992px){
.block_div {min-width: 125px; text-align: center;padding: .75rem; } .block_div {min-width: 125px; text-align: center;padding: .75rem; }
.block_div.inp_div{min-width: 100px;}
.peer_table .block_div{min-width: 148px; text-align: center;} .peer_table .block_div{min-width: 148px; text-align: center;}
.mobile_table{border-bottom: 1px solid #dee2e6; padding: 0 15px;display: table; width: 100%;} .mobile_table{border-bottom: 1px solid #dee2e6; padding: 0 15px;display: table; width: 100%;}
.view_moble_tble{border-bottom: 1px solid #dee2e6;} .view_moble_tble{border-bottom: 1px solid #dee2e6;}