46 lines
1.2 KiB
HTML
Raw Normal View History

<div id="messenger" class="page-layout carded fullwidth inner-scroll">
2019-09-18 15:02:21 +09:00
<!-- TOP BACKGROUND -->
<div class="top-bg accent"></div>
<!-- / TOP BACKGROUND -->
<!-- CENTER -->
<div class="center">
<!-- CONTENT CARD -->
<div class="content-card">
<mat-sidenav-container>
<!-- LEFT SIDENAV -->
<mat-sidenav
class="sidenav left-sidenav"
2019-09-18 15:02:21 +09:00
position="start"
opened="true"
mode="side"
matIsLockedOpen="gt-md"
>
<app-layout-chat-left-sidenav></app-layout-chat-left-sidenav>
2019-09-18 15:02:21 +09:00
</mat-sidenav>
<!-- / LEFT SIDENAV -->
<!-- CONTENT -->
<app-layout-chat-intro *ngIf="!selectedChat"></app-layout-chat-intro>
2019-09-18 15:02:21 +09:00
<app-layout-chat-messages
*ngIf="selectedChat"
></app-layout-chat-messages>
2019-09-18 15:02:21 +09:00
<!-- / CONTENT -->
<!-- RIGHT SIDENAV -->
<mat-sidenav
class="sidenav right-sidenav"
position="end"
opened="true"
mode="side"
>
<app-layout-chat-right-sidenav></app-layout-chat-right-sidenav>
2019-09-18 15:02:21 +09:00
</mat-sidenav>
<!-- / RIGHT SIDENAV -->
</mat-sidenav-container>
</div>
<!-- / CONTENT CARD -->
</div>
<!-- / CENTER -->
</div>