mirror of
https://github.com/mempool/mempool.git
synced 2024-12-28 17:24:25 +01:00
Fix pools ranking titles
This commit is contained in:
parent
750ea033f2
commit
8f9804a996
@ -1,3 +1,4 @@
|
|||||||
|
<div class="main-title" i18n="mining.pool-share" *ngIf="widget">Mining Pools Share ({{ poolsWindowPreference }})</div>
|
||||||
<div [class]="widget === false ? 'container-xl' : ''">
|
<div [class]="widget === false ? 'container-xl' : ''">
|
||||||
|
|
||||||
<div class="hashrate-pie" echarts [initOpts]="chartInitOptions" [options]="chartOptions" (chartInit)="onChartInit($event)"></div>
|
<div class="hashrate-pie" echarts [initOpts]="chartInitOptions" [options]="chartOptions" (chartInit)="onChartInit($event)"></div>
|
||||||
|
@ -30,3 +30,14 @@
|
|||||||
padding: .3em !important;
|
padding: .3em !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.main-title {
|
||||||
|
position: relative;
|
||||||
|
color: #ffffff91;
|
||||||
|
margin-top: -13px;
|
||||||
|
font-size: 10px;
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-weight: 500;
|
||||||
|
text-align: center;
|
||||||
|
padding-bottom: 3px;
|
||||||
|
}
|
||||||
|
@ -155,8 +155,7 @@ export class PoolRankingComponent implements OnInit {
|
|||||||
|
|
||||||
this.chartOptions = {
|
this.chartOptions = {
|
||||||
title: {
|
title: {
|
||||||
text: $localize`:@@mining.pool-chart-title:${network}:NETWORK: mining pools share`,
|
text: this.widget ? '' : $localize`:@@mining.pool-chart-title:${network}:NETWORK: mining pools share`,
|
||||||
subtext: $localize`:@@mining.pool-chart-sub-title:Estimated from the # of blocks mined (${this.poolsWindowPreference})`,
|
|
||||||
left: 'center',
|
left: 'center',
|
||||||
textStyle: {
|
textStyle: {
|
||||||
color: '#FFF',
|
color: '#FFF',
|
||||||
@ -171,10 +170,11 @@ export class PoolRankingComponent implements OnInit {
|
|||||||
},
|
},
|
||||||
series: [
|
series: [
|
||||||
{
|
{
|
||||||
top: this.isMobile() ? '5%' : '20%',
|
top: this.widget ? '0%' : (this.isMobile() ? '5%' : '10%'),
|
||||||
|
bottom: this.widget ? '0%' : (this.isMobile() ? '0%' : '5%'),
|
||||||
name: 'Mining pool',
|
name: 'Mining pool',
|
||||||
type: 'pie',
|
type: 'pie',
|
||||||
radius: this.isMobile() ? ['10%', '50%'] : ['20%', '80%'],
|
radius: this.widget ? ['20%', '60%'] : (this.isMobile() ? ['10%', '50%'] : ['20%', '70%']),
|
||||||
data: this.generatePoolsChartSerieData(miningStats),
|
data: this.generatePoolsChartSerieData(miningStats),
|
||||||
labelLine: {
|
labelLine: {
|
||||||
lineStyle: {
|
lineStyle: {
|
||||||
|
Loading…
Reference in New Issue
Block a user