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

Cleanup hashrate/difficulty widget

Browse Source
This commit is contained in:
nymkappa
2022-03-14 20:00:19 +01:00
parent c4e5e45855
commit b19d9c1af2
5 changed files with 119 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
frontend/src/app/components/hashrate-chart/hashrate-chart.component.scss
View File

@@ -29,7 +29,7 @@
.chart-widget {
width: 100%;
height: 100%;
max-height: 293px;
max-height: 270px;
}
.formRadioGroup {
@@ -48,3 +48,66 @@
}
}
}
.pool-distribution {
min-height: 56px;
display: block;
@media (min-width: 485px) {
display: flex;
flex-direction: row;
}
h5 {
margin-bottom: 10px;
}
.item {
width: 50%;
margin: 0px auto 10px;
display: inline-block;
@media (min-width: 485px) {
margin: 0px auto 10px;
}
@media (min-width: 785px) {
margin: 0px auto 0px;
}
&:last-child {
margin: 0px auto 0px;
}
&:nth-child(2) {
order: 2;
@media (min-width: 485px) {
order: 3;
}
}
&:nth-child(3) {
order: 3;
@media (min-width: 485px) {
order: 2;
display: block;
}
@media (min-width: 768px) {
display: none;
}
@media (min-width: 992px) {
display: block;
}
}
.card-title {
font-size: 1rem;
color: #4a68b9;
}
.card-text {
font-size: 18px;
span {
color: #ffffff66;
font-size: 12px;
}
}
}
}
.skeleton-loader {
width: 100%;
display: block;
max-width: 80px;
margin: 15px auto 3px;
}