47 lines
1.3 KiB
HTML
47 lines
1.3 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)="selectAndClose(false)" [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)="selectAndClose(true)"
|
|
>
|
|
<span>등록</span>
|
|
</button>
|
|
<!-- Save as draft -->
|
|
<button
|
|
class="sm:mx-3"
|
|
mat-stroked-button
|
|
(click)="selectAndClose(false)"
|
|
>
|
|
<span>취소</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|