레이아웃 정리

projects/ucap-webmessenger-app/src/app/pages/messenger/components/main.page.component.html

@@ -4,9 +4,12 @@
   </div>
   <mat-drawer-container class="contents" autosize>
     <div class="messages">
-      <app-layout-messenger-intro
+      <!-- <app-layout-messenger-intro
         (click)="drawer.toggle()"
         *ngIf="!(this.selectedChat$ | async)"
+      ></app-layout-messenger-intro> -->
+      <app-layout-messenger-intro
+        *ngIf="!(this.selectedChat$ | async)"
       ></app-layout-messenger-intro>
       <app-layout-messenger-messages
         *ngIf="!!(this.selectedChat$ | async)"
@@ -17,7 +20,7 @@
     </mat-drawer>
   </mat-drawer-container>
 
-  <div class="right-side">
+  <!-- <div class="right-side">
     <app-layout-messenger-right-side></app-layout-messenger-right-side>
-  </div>
+  </div> -->
 </div>

projects/ucap-webmessenger-app/src/app/pages/messenger/components/main.page.component.scss

@@ -8,6 +8,7 @@
     width: 380px;
     height: 100%;
     flex: 0 0 auto;
+    position: relative;
   }
   .contents {
     flex: 1 1 auto;

projects/ucap-webmessenger-ui/src/lib/components/float-action-button.component.scss

@@ -1,5 +1,5 @@
 .fab-container {
-  position: fixed;
+  position: absolute;
   bottom: 15px;
   right: 15px;
   z-index: 100;