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

commit for alignement in home page

Browse Source
This commit is contained in:
shunmugam 2020-01-07 14:42:03 +05:30
parent c353e26e73
commit aeb3acdb84
2 changed files with 27 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
src/app/view/home/block-detail-list/block-detail-list.component.html
View File

@ -25,7 +25,7 @@
</div> </div>
</div> --> </div> -->
<div class="row" *ngIf="latestblockdetail"> <div class="row" *ngIf="latestblockdetail">
<div class="col-md-3"> <div class="col-md-4 col-xl-2">
<div <div
class="text-center detail_div" class="text-center detail_div"
> >
@ -39,7 +39,7 @@
</p> </p>
</div> </div>
</div> </div>
<div class="col-md-3"> <div class="col-md-4 col-xl-2">
<div <div
class="text-center detail_div" class="text-center detail_div"
> >
@ -92,9 +92,22 @@
</div> </div>
</div> </div>
</div> --> </div> -->
<div class="col-md-4 col-xl-2">
<div
class="text-center detail_div"
>
<p class="mb-0 desc">{{ "home.CIRCULATING_SUPPLY" | translate }}</p>
<p
class="count mb-0"
[ngClass]="latestblockdetail.blink == true ? 'item-highlight' : ''"
>
{{ latestblockdetail.coin_existence | number }}
<span class="">Epic</span>
</p>
</div>
</div>
<div class="col-md-6 mt-md-3 mt-xl-0 col-xl-3">
<div class="col-md-3">
<div class="text-center detail_div" #minhgt> <div class="text-center detail_div" #minhgt>
<p class="mb-2 desc">{{ "home.CURRENT_TARGET_DIFF" | translate }}</p> <p class="mb-2 desc">{{ "home.CURRENT_TARGET_DIFF" | translate }}</p>
<div <div
@ -139,27 +152,14 @@
</div> </div>
</div> </div>
</div> --> </div> -->
<div class="col-md-3">
<div class="col-md-6 mt-md-3 mt-xl-0 col-xl-3">
<div <div
class="text-center detail_div" class="text-center detail_div"
> >
<p class="mb-0 desc">{{ "home.CIRCULATING_SUPPLY" | translate }}</p> <p class="mb-2 desc">{{ "home.HASHRATE" | translate }}</p>
<p
class="count mb-0"
[ngClass]="latestblockdetail.blink == true ? 'item-highlight' : ''"
>
{{ latestblockdetail.coin_existence | number }}
<span class="">Epic</span>
</p>
</div>
</div>
<div class="col-md-3">
<div
class="text-center detail_div"
>
<p class="mb-0 desc">{{ "home.Hashrate" | translate }}</p>
<p <p
class="count mb-0" class="count mb-0"
[ngClass]="latestblockdetail.blink == true ? 'item-highlight' : ''" [ngClass]="latestblockdetail.blink == true ? 'item-highlight' : ''"

8
src/assets/css/style.css
View File

@ -318,17 +318,19 @@ a:focus {
justify-content: center; justify-content: center;
} }
.detail_div .count { .detail_div .count {
font-size: 25px; /* font-size: 25px; */
font-size: 20px;
color: #BF9B30; color: #BF9B30;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
.detail_div .desc { .detail_div .desc {
font-size: 18px; /* font-size: 18px; */
font-size: 15px;
} }
.detail_div .count span { .detail_div .count span {
font-size: 15px; font-size: 14px;
color: #002f5b; color: #002f5b;
} }
.detail_div:hover { .detail_div:hover {