machankura/mempool
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix pool ranking layout on small mobile device

Browse Source
This commit is contained in:
nymkappa 2022-06-14 09:42:56 +02:00
parent e24efe7528
commit da4efdb2d0
No known key found for this signature in database
GPG Key ID: E155910B16E8BD04
2 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/app/components/pool-ranking/pool-ranking.component.ts
View File

@ -200,6 +200,11 @@ export class PoolRankingComponent implements OnInit {
} }
prepareChartOptions(miningStats) { prepareChartOptions(miningStats) {
let pieSize = ['20%', '80%']; // Desktop
if (this.isMobile() && !this.widget) {
pieSize = ['15%', '60%'];
}
this.chartOptions = { this.chartOptions = {
animation: false, animation: false,
color: chartColors, color: chartColors,
@ -215,7 +220,7 @@ export class PoolRankingComponent implements OnInit {
minShowLabelAngle: 3.6, minShowLabelAngle: 3.6,
name: 'Mining pool', name: 'Mining pool',
type: 'pie', type: 'pie',
radius: ['20%', '80%'], radius: pieSize,
data: this.generatePoolsChartSerieData(miningStats), data: this.generatePoolsChartSerieData(miningStats),
labelLine: { labelLine: {
lineStyle: { lineStyle: {
@ -224,6 +229,7 @@ export class PoolRankingComponent implements OnInit {
}, },
label: { label: {
fontSize: 14, fontSize: 14,
formatter: (serie) => `${serie.name === 'Binance Pool' ? 'Binance\nPool' : serie.name}`,
}, },
itemStyle: { itemStyle: {
borderRadius: 1, borderRadius: 1,

2
frontend/src/app/services/mining.service.ts
View File

@ -57,7 +57,7 @@ export class MiningService {
// I think it's fine to hardcode this since we don't have x1000 hashrate jump everyday // I think it's fine to hardcode this since we don't have x1000 hashrate jump everyday
// If we want to support the mining dashboard for testnet, we can hardcode it too // If we want to support the mining dashboard for testnet, we can hardcode it too
let selectedPower = 15; let selectedPower = 18;
if (this.stateService.network === 'testnet') { if (this.stateService.network === 'testnet') {
selectedPower = 12; selectedPower = 12;
} }