mirrors/mempool
1
0
Fork 0
mirror of https://github.com/mempool/mempool.git synced 2024-12-29 09:44:26 +01:00
Code Issues Projects Releases Wiki Activity

Improved graph visibility on mobile.

Browse Source
This commit is contained in:
softsimon 2020-09-23 15:49:07 +07:00
parent 007bb30826
commit 89533cf76f
No known key found for this signature in database
GPG Key ID: 488D7DCFB5A430D7
3 changed files with 16 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/app/components/mempool-graph/mempool-graph.component.ts
View File

@ -17,6 +17,8 @@ export class MempoolGraphComponent implements OnInit, OnChanges {
mempoolVsizeFeesOptions: any; mempoolVsizeFeesOptions: any;
mempoolVsizeFeesData: any; mempoolVsizeFeesData: any;
isMobile = window.innerWidth <= 767.98;
constructor( constructor(
private vbytesPipe: VbytesPipe, private vbytesPipe: VbytesPipe,
private stateService: StateService, private stateService: StateService,
@ -56,7 +58,7 @@ export class MempoolGraphComponent implements OnInit, OnChanges {
labelInterpolationFnc: (value: number): any => { labelInterpolationFnc: (value: number): any => {
return this.vbytesPipe.transform(value, 2); return this.vbytesPipe.transform(value, 2);
}, },
offset: 160 offset: this.isMobile ? 60 : 160
}, },
plugins: [ plugins: [
Chartist.plugins.ctTargetLine({ Chartist.plugins.ctTargetLine({

10
frontend/src/app/components/statistics/statistics.component.scss
View File

@ -14,3 +14,13 @@
height: 22px; height: 22px;
margin-right: 10px; margin-right: 10px;
} }
@media (max-width: 767.98px) {
.container-xl {
padding: 0;
}
.card-body {
padding-left: 0;
padding-right: 0;
}
}

3
frontend/src/styles.scss
View File

@ -71,6 +71,9 @@ body {
.box { .box {
padding: 0.75rem; padding: 0.75rem;
} }
.ct-legend {
display: none;
}
} }
.navbar-nav.liquid > .active { .navbar-nav.liquid > .active {