commit for alignement in home page

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

View File

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

View File

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