Fix widgets title in mining dashboard

This commit is contained in:
nymkappa 2022-02-17 18:51:16 +09:00
parent 6d4458db8b
commit 2e2c144cc9
No known key found for this signature in database
GPG Key ID: E155910B16E8BD04
5 changed files with 14 additions and 15 deletions

View File

@ -1,4 +1,3 @@
<div class="main-title" i18n="mining.difficulty" *ngIf="widget">Difficulty (1y)</div>
<div [class]="widget === false ? 'container-xl' : ''">
<div *ngIf="difficultyObservable$ | async" class="" echarts [initOpts]="chartInitOptions" [options]="chartOptions"></div>

View File

@ -1,9 +1,10 @@
<div class="container-xl">
<div class="container-xl dashboard-container">
<div class="row row-cols-1 row-cols-md-2 mt-3">
<div class="row row-cols-1 row-cols-md-2">
<!-- pool distribution -->
<div class="col">
<div class="main-title" i18n="mining.pool-share">Mining Pools Share (1w)</div>
<div class="card">
<div class="card-body">
<app-pool-ranking [widget]=true></app-pool-ranking>
@ -15,6 +16,7 @@
<!-- difficulty -->
<div class="col">
<div class="main-title" i18n="mining.difficulty">Difficulty (1y)</div>
<div class="card">
<div class="card-body">
<app-difficulty-chart [widget]=true></app-difficulty-chart>

View File

@ -45,3 +45,13 @@
-webkit-mask-image: linear-gradient(to right, transparent 0%, black 10%, black 80%, transparent 100%)
}
.main-title {
position: relative;
color: #ffffff91;
margin-top: -13px;
font-size: 10px;
text-transform: uppercase;
font-weight: 500;
text-align: center;
padding-bottom: 3px;
}

View File

@ -1,4 +1,3 @@
<div class="main-title" i18n="mining.pool-share" *ngIf="widget">Mining Pools Share ({{ poolsWindowPreference }})</div>
<div [class]="widget === false ? 'container-xl' : ''">
<div class="hashrate-pie" echarts [initOpts]="chartInitOptions" [options]="chartOptions" (chartInit)="onChartInit($event)"></div>

View File

@ -30,14 +30,3 @@
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;
}