대화회수 디자인적용

projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/recall.component.html

@@ -1,5 +1,4 @@
 <div class="bubble-main">
-  <span>
+  <span class="icon-recall"><i class="material-icons">redo</i></span>
-    회수된 메시지
+  <span class="recall-msg">회수된 메시지</span>
-  </span>
 </div>

projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/recall.component.scss

@@ -1,4 +1,21 @@
 .bubble-main {
   padding: 14px;
   text-align:left;
+  .icon-recall{
+    width: 30px;
+    height: 30px;
+    display: inline-flex;
+    border-radius: 50%;
+    background: #999999;
+    align-items: center;
+    justify-content: center;
+    margin-right: 6px;
+    i{
+      color:#ffffff;
+      font-size:20px;
+    }
+  }
+  .recall-msg{
+    color:#999999;
+  }
 }

projects/ucap-webmessenger-ui/src/lib/dialogs/alert.dialog.component.scss

@@ -0,0 +1,22 @@
+.mat-card{
+  padding:10px;
+  .mat-card-header{
+    margin-bottom:20px;
+    .mat-card-title{
+      margin:0 -16px;
+      padding-bottom:10px;
+    }
+  }
+  .button-farm {
+    text-align:right;
+    .mat-primary{
+      margin-left:4px;
+    }
+  }
+}
+
+form{
+.mat-form-field{
+  width:100%;
+  }
+}