style dialog component and close button

This commit is contained in:
Jesse Lucas 2020-04-09 09:53:07 -04:00
parent 6e1828ff63
commit 95f7a26bce
2 changed files with 5 additions and 3 deletions

View File

@ -12,6 +12,7 @@ import { MatCardModule } from '@angular/material/card';
import { MatProgressBarModule } from '@angular/material/progress-bar';
import { MatDialogModule } from '@angular/material/dialog';
import { MatListModule } from '@angular/material/list'
import { MatButtonModule } from '@angular/material/button';
import { FlexLayoutModule } from '@angular/flex-layout';
import { httpInterceptorProviders } from './http-interceptors';
@ -64,6 +65,7 @@ import { CardComponent, CardTitleComponent, CardContentComponent } from './card/
MatProgressBarModule,
MatDialogModule,
MatListModule,
MatButtonModule,
FlexLayoutModule,
HttpClientModule,
HttpClientXsrfModule.withOptions({

View File

@ -1,6 +1,6 @@
<div mat-dialog-content>
<mat-list dense>
<div mat-dialog-content fxLayout="column" fxLayoutAlign="space-between center">
<mat-list>
<mat-list-item *ngFor='let message of messageService.messages'>{{message}}</mat-list-item>
</mat-list>
<button mat-button [mat-dialog-close] cdkFocusInitial>Close</button>
<button mat-stroked-button [mat-dialog-close] cdkFocusInitial>Close</button>
</div>