ucap/next-ucap-messenger
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

sidenav of messenger is added

Browse Source
This commit is contained in:
병준 박 2019-10-08 18:12:58 +09:00
parent 08c5d2825a
commit fad0787266
2 changed files with 20 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -2,14 +2,21 @@
<div class="left-side"> <div class="left-side">
<app-layout-messenger-left-side></app-layout-messenger-left-side> <app-layout-messenger-left-side></app-layout-messenger-left-side>
</div> </div>
<div class="contents"> <mat-drawer-container class="contents" autosize>
<app-layout-messenger-intro <div class="messages">
*ngIf="!(this.selectedChat$ | async)" <app-layout-messenger-intro
></app-layout-messenger-intro> (click)="drawer.toggle()"
<app-layout-messenger-messages *ngIf="!(this.selectedChat$ | async)"
*ngIf="!!(this.selectedChat$ | async)" ></app-layout-messenger-intro>
></app-layout-messenger-messages> <app-layout-messenger-messages
</div> *ngIf="!!(this.selectedChat$ | async)"
></app-layout-messenger-messages>
</div>
<mat-drawer #drawer mode="side" position="end">
<p>sidenav</p>
</mat-drawer>
</mat-drawer-container>
<div class="right-side"> <div class="right-side">
<app-layout-messenger-right-side></app-layout-messenger-right-side> <app-layout-messenger-right-side></app-layout-messenger-right-side>
</div> </div>

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

@ -10,6 +10,11 @@
float: left; float: left;
width: calc(100% - 360px); width: calc(100% - 360px);
height: 100%; height: 100%;
.messages {
width: 100%;
height: 100%;
}
} }
.right-side { .right-side {
float: left; float: left;