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

Improve hashrate chart and mining dashboard design

Browse Source
This commit is contained in:
nymkappa
2022-02-22 20:15:15 +09:00
parent ac5d632217
commit d7cbdc4836
8 changed files with 81 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
frontend/src/app/components/mining-dashboard/mining-dashboard.component.html
View File

@@ -5,11 +5,13 @@
<!-- pool distribution -->
<div class="col">
<div class="card">
<div class="card-body">
<h5 class="card-title" i18n="mining.pool-share">Mining Pools Share (1w)</h5>
<div class="card-body pool-ranking">
<h5 class="card-title">
<a href="" [routerLink]="['/mining/pools' | relativeUrl]" i18n="mining.pool-share">
Mining Pools Share (1w)
</a>
</h5>
<app-pool-ranking [widget]=true></app-pool-ranking>
<div class="text-center"><a href="" [routerLink]="['/mining/pools' | relativeUrl]" i18n="dashboard.view-more">View more
&raquo;</a></div>
</div>
</div>
</div>
@@ -18,10 +20,12 @@
<div class="col">
<div class="card">
<div class="card-body">
<h5 class="card-title" i18n="mining.hashrate">Hashrate (1y)</h5>
<h5 class="card-title">
<a class="link" href="" [routerLink]="['/mining/hashrate' | relativeUrl]" i18n="mining.hashrate">
Hashrate (1y)
</a>
</h5>
<app-hashrate-chart [widget]=true></app-hashrate-chart>
<div class="text-center"><a href="" [routerLink]="['/mining/hashrate' | relativeUrl]" i18n="dashboard.view-more">View more
&raquo;</a></div>
</div>
</div>
</div>

21
frontend/src/app/components/mining-dashboard/mining-dashboard.component.scss
View File

@@ -16,22 +16,17 @@
}
.card-title {
color: #4a68b9;
font-size: 1rem;
}
.card-title > a {
color: #4a68b9;
}
.card-wrapper {
.card {
height: auto !important;
}
.card-body {
display: flex;
flex: inherit;
text-align: center;
flex-direction: column;
justify-content: space-around;
padding: 22px 20px;
}
.card-body {
padding: 1.25rem 1rem 0.75rem 1rem;
}
.card-body.pool-ranking {
padding: 1.25rem 0.25rem 0.75rem 0.25rem;
}
#blockchain-container {