GlcoinCore/mempool
1
0
Fork 0
mirror of https://github.com/mempool/mempool.git synced 2026-08-20 13:28:00 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

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

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

@ -14,3 +14,13 @@
height: 22px;
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 {
padding: 0.75rem;
}
.ct-legend {
display: none;
}
}
.navbar-nav.liquid > .active {