팝업 닫기버튼 추가

projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/group/select-group.dialog.component.html

@@ -1,6 +1,9 @@
 <mat-card class="confirm-card mat-elevation-z">
   <mat-card-header>
     <mat-card-title>{{ data.title }}</mat-card-title>
+    <button class="icon-button btn-dialog-close">
+      <i class="mdi mdi-window-close"></i>
+    </button>
   </mat-card-header>
   <mat-card-content>
     <div class="add-row">

projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/group/select-group.dialog.component.scss

@@ -1,5 +1,14 @@
-::ng-deep .mat-card-header-tex {
+::ng-deep .mat-card-header {
-  margin: 0;
+  .mat-card-header-tex {
+    margin: 0;
+  }
+  .btn-dialog-close {
+    font-size: 20px;
+    display: flex;
+    margin-left: auto;
+    align-self: flex-start;
+    color: #444444;
+  }
 }
 .mat-form-field {
   width: 100%;

projects/ucap-webmessenger-ui/src/assets/scss/partials/_icons.scss

@@ -24,3 +24,11 @@ mat-icon {
     }
   }
 }
+
+.icon-button {
+  background: none;
+  border: none;
+  i {
+    font-family: 'material-outline-icons';
+  }
+}