diff --git a/frontend/src/app/components/lbtc-pegs-graph/lbtc-pegs-graph.component.ts b/frontend/src/app/components/lbtc-pegs-graph/lbtc-pegs-graph.component.ts index c37c59544..9931fb78a 100644 --- a/frontend/src/app/components/lbtc-pegs-graph/lbtc-pegs-graph.component.ts +++ b/frontend/src/app/components/lbtc-pegs-graph/lbtc-pegs-graph.component.ts @@ -18,7 +18,7 @@ import { EChartsOption } from '../../graphs/echarts'; }) export class LbtcPegsGraphComponent implements OnInit, OnChanges { @Input() data: any; - @Input() height: number | string = '270'; + @Input() height: number | string = '320'; pegsChartOptions: EChartsOption; right: number | string = '10'; 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 bd0a015f3..f6114b9ca 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 @@ -52,7 +52,7 @@ export class ReservesRatioComponent implements OnInit, OnChanges { type: 'gauge', startAngle: 180, endAngle: 0, - center: ['50%', '70%'], + center: ['50%', '75%'], radius: '100%', min: 0.999, max: 1.001, diff --git a/frontend/src/app/components/liquid-reserves-audit/reserves-supply-stats/reserves-supply-stats.component.scss b/frontend/src/app/components/liquid-reserves-audit/reserves-supply-stats/reserves-supply-stats.component.scss index 3a8a83f26..6ffb900ed 100644 --- a/frontend/src/app/components/liquid-reserves-audit/reserves-supply-stats/reserves-supply-stats.component.scss +++ b/frontend/src/app/components/liquid-reserves-audit/reserves-supply-stats/reserves-supply-stats.component.scss @@ -41,6 +41,7 @@ } .fee-text{ border-bottom: 1px solid #ffffff1c; + color: #ffffff; width: fit-content; margin: auto; line-height: 1.45; diff --git a/frontend/src/app/dashboard/dashboard.component.html b/frontend/src/app/dashboard/dashboard.component.html index bb79cc94d..05cb9d5c5 100644 --- a/frontend/src/app/dashboard/dashboard.component.html +++ b/frontend/src/app/dashboard/dashboard.component.html @@ -162,21 +162,20 @@
-
+
- +
+
+
-
+
-
-
Peg Historical Data
-
- +
@@ -287,20 +286,20 @@
-
+
- +
+
+
-
+
-
-
- +
diff --git a/frontend/src/app/dashboard/dashboard.component.scss b/frontend/src/app/dashboard/dashboard.component.scss index 019a79994..49d848c20 100644 --- a/frontend/src/app/dashboard/dashboard.component.scss +++ b/frontend/src/app/dashboard/dashboard.component.scss @@ -429,18 +429,6 @@ padding-top: 20px; } -.peg-historical-data { - font-size: 18px; - - @media (min-width: 768px) { - padding-top: 22px; - } - - @media (min-width: 992px) { - padding-top: 27px; - } -} - .in-progress-message { position: relative; color: #ffffff91; diff --git a/frontend/src/app/dashboard/dashboard.component.ts b/frontend/src/app/dashboard/dashboard.component.ts index 89d6de96e..4f041145a 100644 --- a/frontend/src/app/dashboard/dashboard.component.ts +++ b/frontend/src/app/dashboard/dashboard.component.ts @@ -62,7 +62,7 @@ export class DashboardComponent implements OnInit, OnDestroy, AfterViewInit { currencySubscription: Subscription; currency: string; incomingGraphHeight: number = 300; - lbtcPegGraphHeight: number = 250; + lbtcPegGraphHeight: number = 320; private lastPegBlockUpdate: number = 0; private lastPegAmount: string = ''; private lastReservesBlockUpdate: number = 0; @@ -398,15 +398,15 @@ export class DashboardComponent implements OnInit, OnDestroy, AfterViewInit { if (window.innerWidth >= 992) { this.incomingGraphHeight = 300; this.goggleResolution = 82; - this.lbtcPegGraphHeight = 270; + this.lbtcPegGraphHeight = 320; } else if (window.innerWidth >= 768) { this.incomingGraphHeight = 215; this.goggleResolution = 80; - this.lbtcPegGraphHeight = 190; + this.lbtcPegGraphHeight = 230; } else { this.incomingGraphHeight = 180; this.goggleResolution = 86; - this.lbtcPegGraphHeight = 200; + this.lbtcPegGraphHeight = 220; } } }