diff --git a/frontend/src/app/components/liquid-reserves-audit/reserves-audit-dashboard/reserves-audit-dashboard.component.scss b/frontend/src/app/components/liquid-reserves-audit/reserves-audit-dashboard/reserves-audit-dashboard.component.scss
index 1116f8d85..7b2aea1fa 100644
--- a/frontend/src/app/components/liquid-reserves-audit/reserves-audit-dashboard/reserves-audit-dashboard.component.scss
+++ b/frontend/src/app/components/liquid-reserves-audit/reserves-audit-dashboard/reserves-audit-dashboard.component.scss
@@ -8,6 +8,13 @@
.card {
background-color: #1d1f31;
+ height: 418px;
+ @media (min-width: 992px) {
+ height: 512px;
+ }
+ &.smaller {
+ height: 408px;
+ }
}
.card-title {
@@ -121,16 +128,6 @@
}
}
-.card {
- height: 385px;
-}
-.list-card {
- height: 410px;
- @media (max-width: 767px) {
- height: auto;
- }
-}
-
.mempool-block-wrapper {
max-height: 380px;
max-width: 380px;
diff --git a/frontend/src/app/components/liquid-reserves-audit/reserves-audit-dashboard/reserves-audit-dashboard.component.ts b/frontend/src/app/components/liquid-reserves-audit/reserves-audit-dashboard/reserves-audit-dashboard.component.ts
index 2133f0fe2..46379f962 100644
--- a/frontend/src/app/components/liquid-reserves-audit/reserves-audit-dashboard/reserves-audit-dashboard.component.ts
+++ b/frontend/src/app/components/liquid-reserves-audit/reserves-audit-dashboard/reserves-audit-dashboard.component.ts
@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core';
+import { ChangeDetectionStrategy, Component, HostListener, OnInit } from '@angular/core';
import { SeoService } from '../../../services/seo.service';
import { WebsocketService } from '../../../services/websocket.service';
import { StateService } from '../../../services/state.service';
@@ -25,6 +25,7 @@ export class ReservesAuditDashboardComponent implements OnInit {
federationAddressesOneMonthAgo$: Observable
;
liquidPegsMonth$: Observable;
liquidReservesMonth$: Observable;
+ pegRatioGraphHeight: number = 320;
fullHistory$: Observable;
isLoad: boolean = true;
private lastPegBlockUpdate: number = 0;
@@ -209,4 +210,15 @@ export class ReservesAuditDashboardComponent implements OnInit {
this.destroy$.complete();
}
+ @HostListener('window:resize', ['$event'])
+ onResize(): void {
+ if (window.innerWidth >= 992) {
+ this.pegRatioGraphHeight = 320;
+ } else if (window.innerWidth >= 768) {
+ this.pegRatioGraphHeight = 230;
+ } else {
+ this.pegRatioGraphHeight = 220;
+ }
+ }
+
}
diff --git a/frontend/src/app/components/liquid-reserves-audit/reserves-ratio/reserves-ratio-graph.component.ts b/frontend/src/app/components/liquid-reserves-audit/reserves-ratio/reserves-ratio-graph.component.ts
index 187a059a1..9b48466e3 100644
--- a/frontend/src/app/components/liquid-reserves-audit/reserves-ratio/reserves-ratio-graph.component.ts
+++ b/frontend/src/app/components/liquid-reserves-audit/reserves-ratio/reserves-ratio-graph.component.ts
@@ -10,10 +10,10 @@ import { EChartsOption } from '../../../graphs/echarts';
})
export class ReservesRatioGraphComponent implements OnInit, OnChanges {
@Input() data: any;
+ @Input() height: number | string = '320';
ratioHistoryChartOptions: EChartsOption;
ratioSeries: number[] = [];
- height: number | string = '200';
right: number | string = '10';
top: number | string = '20';
left: number | string = '50';
diff --git a/frontend/src/app/components/liquid-reserves-audit/reserves-ratio/reserves-ratio.component.ts b/frontend/src/app/components/liquid-reserves-audit/reserves-ratio/reserves-ratio.component.ts
index b53172e97..efe3df2e1 100644
--- a/frontend/src/app/components/liquid-reserves-audit/reserves-ratio/reserves-ratio.component.ts
+++ b/frontend/src/app/components/liquid-reserves-audit/reserves-ratio/reserves-ratio.component.ts
@@ -108,14 +108,14 @@ export class ReservesRatioComponent implements OnInit, OnChanges {
fontFamily: 'inherit',
fontWeight: 500,
formatter: function (value) {
- return (value).toFixed(5);
+ return (value * 100).toFixed(3) + ' %';
},
color: 'inherit'
},
data: [
{
value: parseFloat(currentReserves.amount) / parseFloat(currentPeg.amount),
- name: 'Peg-O-Meter'
+ name: 'Assets vs Liabilities'
}
]
}
diff --git a/frontend/src/app/components/liquid-reserves-audit/reserves-supply-stats/reserves-supply-stats.component.html b/frontend/src/app/components/liquid-reserves-audit/reserves-supply-stats/reserves-supply-stats.component.html
index 2856cc210..5352f67e8 100644
--- a/frontend/src/app/components/liquid-reserves-audit/reserves-supply-stats/reserves-supply-stats.component.html
+++ b/frontend/src/app/components/liquid-reserves-audit/reserves-supply-stats/reserves-supply-stats.component.html
@@ -11,7 +11,7 @@