2019-09-26 11:11:22 +09:00
|
|
|
<div class="container">
|
2019-09-26 14:38:21 +09:00
|
|
|
<div class="left-side">
|
|
|
|
<app-layout-messenger-left-side></app-layout-messenger-left-side>
|
|
|
|
</div>
|
2019-10-08 18:12:58 +09:00
|
|
|
<mat-drawer-container class="contents" autosize>
|
|
|
|
<div class="messages">
|
|
|
|
<app-layout-messenger-intro
|
|
|
|
(click)="drawer.toggle()"
|
|
|
|
*ngIf="!(this.selectedChat$ | async)"
|
|
|
|
></app-layout-messenger-intro>
|
|
|
|
<app-layout-messenger-messages
|
|
|
|
*ngIf="!!(this.selectedChat$ | async)"
|
|
|
|
></app-layout-messenger-messages>
|
|
|
|
</div>
|
|
|
|
<mat-drawer #drawer mode="side" position="end">
|
2019-10-10 10:43:06 +09:00
|
|
|
<p>Auto-resizing sidenav</p>
|
2019-10-08 18:12:58 +09:00
|
|
|
</mat-drawer>
|
|
|
|
</mat-drawer-container>
|
|
|
|
|
2019-09-26 14:38:21 +09:00
|
|
|
<div class="right-side">
|
|
|
|
<app-layout-messenger-right-side></app-layout-messenger-right-side>
|
2019-09-18 15:02:21 +09:00
|
|
|
</div>
|
|
|
|
</div>
|