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

<div id="chat" class="page-layout carded fullwidth inner-scroll">
  <!-- 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"
          position="start"
          opened="true"
          mode="side"
          matIsLockedOpen="gt-md"
        >
          <!-- <chat-left-sidenav></chat-left-sidenav> -->
          dsafsdfsdf
        </mat-sidenav>
        <!-- / LEFT SIDENAV -->

        <!-- CONTENT -->
        <!-- <chat-start *ngIf="!selectedChat"></chat-start>

        <chat-view *ngIf="selectedChat"></chat-view> -->
        <!-- / CONTENT -->
        asdfsdfsdfs
        <!-- RIGHT SIDENAV -->
        <mat-sidenav class="sidenav" position="end" opened="false" mode="over">
          <!-- <chat-right-sidenav></chat-right-sidenav> -->
          safsdf
        </mat-sidenav>
        <!-- / RIGHT SIDENAV -->
      </mat-sidenav-container>
    </div>
    <!-- / CONTENT CARD -->
  </div>
  <!-- / CENTER -->
</div>