alert창 버튼 하단 맞춤이동

This commit is contained in:
khk 2020-03-30 16:37:54 +09:00
parent a725d91326
commit a6e1150cb9
2 changed files with 17 additions and 8 deletions

View File

@ -9,10 +9,10 @@
<div #messageContainer class="notice">
{{ data.message }}
</div>
<mat-card-actions class="button-form flex-row">
<button mat-flat-button (click)="onClickConfirm()" class="mat-primary">
{{ 'common.messages.confirm' | translate }}
</button>
</mat-card-actions>
</mat-card-content>
<mat-card-actions class="button-form flex-row">
<button mat-stroked-button (click)="onClickConfirm()" class="mat-primary">
{{ 'common.messages.confirm' | translate }}
</button>
</mat-card-actions>
</mat-card>

View File

@ -1,5 +1,14 @@
form {
.mat-form-field {
width: 100%;
.confirm-card {
width: 100%;
height: 100%;
.mat-card-content {
display: flex;
flex-flow: column;
.mat-card-actions {
display: flex;
align-self: flex-end;
flex-flow: row;
margin-top: auto;
}
}
}