diff --git a/frontend/src/app/components/mining-dashboard/mining-dashboard.component.html b/frontend/src/app/components/mining-dashboard/mining-dashboard.component.html index 6b37d7dd9..09479b3f1 100644 --- a/frontend/src/app/components/mining-dashboard/mining-dashboard.component.html +++ b/frontend/src/app/components/mining-dashboard/mining-dashboard.component.html @@ -29,7 +29,7 @@
- +
@@ -41,7 +41,7 @@
diff --git a/frontend/src/app/components/mining-dashboard/mining-dashboard.component.ts b/frontend/src/app/components/mining-dashboard/mining-dashboard.component.ts index 2b69d4ae0..0e0974808 100644 --- a/frontend/src/app/components/mining-dashboard/mining-dashboard.component.ts +++ b/frontend/src/app/components/mining-dashboard/mining-dashboard.component.ts @@ -12,7 +12,8 @@ import { EventType, NavigationStart, Router } from '@angular/router'; changeDetection: ChangeDetectionStrategy.OnPush, }) export class MiningDashboardComponent implements OnInit, AfterViewInit { - graphHeight = 375; + hashrateGraphHeight = 335; + poolGraphHeight = 375; constructor( private seoService: SeoService, @@ -44,11 +45,14 @@ export class MiningDashboardComponent implements OnInit, AfterViewInit { @HostListener('window:resize', ['$event']) onResize(): void { if (window.innerWidth >= 992) { - this.graphHeight = 335; + this.hashrateGraphHeight = 335; + this.poolGraphHeight = 375; } else if (window.innerWidth >= 768) { - this.graphHeight = 245; + this.hashrateGraphHeight = 245; + this.poolGraphHeight = 265; } else { - this.graphHeight = 240; + this.hashrateGraphHeight = 240; + this.poolGraphHeight = 240; } } }