39 lines
1.2 KiB
HTML
39 lines
1.2 KiB
HTML
<div class="flex flex-col max-w-240 md:min-w-160 max-h-screen -m-6">
|
|
<!-- Header -->
|
|
<div
|
|
class="flex flex-0 items-center justify-between h-16 pr-3 sm:pr-5 pl-6 sm:pl-8 bg-primary text-on-primary"
|
|
>
|
|
<div class="text-lg font-medium">알림</div>
|
|
<button mat-icon-button (click)="saveAndClose()" [tabIndex]="-1">
|
|
<mat-icon
|
|
class="text-current"
|
|
[svgIcon]="'heroicons_outline:x'"
|
|
></mat-icon>
|
|
</button>
|
|
</div>
|
|
|
|
<!-- Compose form -->
|
|
<form
|
|
class="flex flex-col flex-auto p-6 sm:p-8 overflow-y-auto"
|
|
[formGroup]="composeForm"
|
|
>
|
|
<div>
|
|
<span class="font-semibold mb-2">삭제하시겠습니까?</span>
|
|
</div>
|
|
<div
|
|
class="flex flex-col sm:flex-row sm:items-center justify-between mt-4 sm:mt-6"
|
|
>
|
|
<div class="flex items-center mt-4 sm:mt-0">
|
|
<!-- Save as draft -->
|
|
<button class="sm:mx-3" mat-stroked-button (click)="saveAsDraft()">
|
|
<span>OK</span>
|
|
</button>
|
|
<!-- Save as draft -->
|
|
<button class="sm:mx-3" mat-stroked-button (click)="saveAsDraft()">
|
|
<span>CANCEL</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|