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

내프로필 이미지 영역 추가

Browse Source
This commit is contained in:
khk 2019-11-22 16:41:04 +09:00
parent 8c6731b2e8
commit f48cd1b696
2 changed files with 28 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-side.component.html
View File

@ -144,6 +144,11 @@
</mat-tab>
</mat-tab-group>
<div class="myprofile">
<span class="myprofile-img"></span>
<span>내프로필</span>
</div>
<div class="left-side-tabs-body">
<div
#tabs

23
projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-side.component.scss
View File

@ -34,6 +34,29 @@
flex-direction: row;
}
.myprofile {
position: absolute;
display: flex;
flex-flow: column;
justify-content: center;
height: 80px;
width: 68px;
bottom: 10px;
color: #ffffff;
font-size: 11px;
text-align: center;
.myprofile-img {
display: block;
border-radius: 10px;
height: 42px;
width: 42px;
background-color: #efefef;
align-self: center;
margin-bottom: 6px;
}
}
::ng-deep .organization-side {
flex-direction: column;
height: 100%;