diff --git a/src/app/components/splash/splash.component.html b/src/app/components/splash/splash.component.html index d9a3aac..de0b6cf 100644 --- a/src/app/components/splash/splash.component.html +++ b/src/app/components/splash/splash.component.html @@ -51,16 +51,20 @@ [routerLink]="['app',address.value]"> -
Uptime: {{uptime$ | async | dateAgo}}
+
-
-
- +
+
+ +
Uptime: {{uptime$ | async | dateAgo}}
+ + +
diff --git a/src/app/components/splash/splash.component.ts b/src/app/components/splash/splash.component.ts index 17468cf..27edea9 100644 --- a/src/app/components/splash/splash.component.ts +++ b/src/app/components/splash/splash.component.ts @@ -38,6 +38,7 @@ export class SplashComponent { this.chartData$ = this.appService.getInfoChart().pipe( map((chartData: any) => { return { + labels: chartData.map((d: any) => d.label), datasets: [ { @@ -66,6 +67,7 @@ export class SplashComponent { this.chartOptions = { + maintainAspectRatio: false, plugins: { legend: { labels: { diff --git a/src/styles.scss b/src/styles.scss index 8d4cd4f..ad93f51 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -9,4 +9,10 @@ .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody>tr:not(.p-highlight) { cursor: pointer; +} + + +p-chart>div { + position: relative; + min-height: 40vh; } \ No newline at end of file