Remove some more weird fxFlex and fxLayout directives

This commit is contained in:
Marcel Schwarz 2021-01-03 04:33:31 +01:00
parent c73d99bc51
commit 8724eaf914
2 changed files with 13 additions and 23 deletions

View File

@ -1,4 +1,4 @@
<mat-card fxFlex fxLayout="column"> <mat-card>
<mat-card-header> <mat-card-header>
<mat-card-title>Rental Duration</mat-card-title> <mat-card-title>Rental Duration</mat-card-title>
<mat-card-subtitle> <mat-card-subtitle>
@ -6,8 +6,8 @@
The time it takes for a rent which has the current station as origin is displayed here. The time it takes for a rent which has the current station as origin is displayed here.
</mat-card-subtitle> </mat-card-subtitle>
</mat-card-header> </mat-card-header>
<mat-card-content *ngIf="!isLoading" fxFlex fxLayout="row" fxLayoutAlign="center"> <mat-card-content>
<div class="station-dashboard-borrow-duration" fxFlex> <div *ngIf="!isLoading" class="station-dashboard-borrow-duration">
<apx-chart <apx-chart
[chart]="chartOptions.chart" [chart]="chartOptions.chart"
[colors]="chartOptions.colors" [colors]="chartOptions.colors"
@ -20,13 +20,8 @@
[xaxis]="chartOptions.xaxis" [xaxis]="chartOptions.xaxis"
[yaxis]="chartOptions.yaxis"></apx-chart> [yaxis]="chartOptions.yaxis"></apx-chart>
</div> </div>
<div *ngIf="isLoading" class="col d-flex align-items-center justify-content-center">
<mat-progress-spinner color="primary" mode="indeterminate" [diameter]="300"></mat-progress-spinner>
</div>
</mat-card-content> </mat-card-content>
<div *ngIf="isLoading"
style="display: flex; justify-content: center; align-items: center; background: white; padding: 10px; height: 400px;">
<mat-progress-spinner
color="primary"
mode="indeterminate"
[diameter]="300">
</mat-progress-spinner>
</div>
</mat-card> </mat-card>

View File

@ -1,5 +1,5 @@
<mat-card fxFlex fxLayout="column"> <mat-card>
<mat-card-header class="chart-header"> <mat-card-header>
<mat-card-title>Rental Time</mat-card-title> <mat-card-title>Rental Time</mat-card-title>
<mat-card-subtitle> <mat-card-subtitle>
This chart shows the workload of the currently selected station in relation This chart shows the workload of the currently selected station in relation
@ -8,8 +8,8 @@
</mat-card-subtitle> </mat-card-subtitle>
</mat-card-header> </mat-card-header>
<mat-card-content *ngIf="!isLoading" fxFlex fxLayout="row" fxLayoutAlign="center"> <mat-card-content>
<div class="station-dashboard-borrow-time" fxFlex> <div *ngIf="!isLoading" class="station-dashboard-borrow-time">
<apx-chart <apx-chart
[chart]="chartOptions.chart" [chart]="chartOptions.chart"
[colors]="chartOptions.colors" [colors]="chartOptions.colors"
@ -22,13 +22,8 @@
[xaxis]="chartOptions.xaxis" [xaxis]="chartOptions.xaxis"
[yaxis]="chartOptions.yaxis"></apx-chart> [yaxis]="chartOptions.yaxis"></apx-chart>
</div> </div>
<div *ngIf="isLoading" class="col d-flex align-items-center justify-content-center">
<mat-progress-spinner color="primary" mode="indeterminate" [diameter]="300"></mat-progress-spinner>
</div>
</mat-card-content> </mat-card-content>
<div *ngIf="isLoading"
style="display: flex; justify-content: center; align-items: center; background: white; padding: 10px; height: 400px;">
<mat-progress-spinner
color="primary"
mode="indeterminate"
[diameter]="300">
</mat-progress-spinner>
</div>
</mat-card> </mat-card>