From f48cd1b6965a575b9576392a4d9dd20c9fe79815 Mon Sep 17 00:00:00 2001
From: khk <kanghk@biztechpartners.co.kr>
Date: Fri, 22 Nov 2019 16:41:04 +0900
Subject: [PATCH] =?UTF-8?q?=EB=82=B4=ED=94=84=EB=A1=9C=ED=95=84=20?=
 =?UTF-8?q?=EC=9D=B4=EB=AF=B8=EC=A7=80=20=EC=98=81=EC=97=AD=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/left-side.component.html       |  5 ++++
 .../components/left-side.component.scss       | 23 +++++++++++++++++++
 2 files changed, 28 insertions(+)

diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-side.component.html b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-side.component.html
index 8e9199cf..bd9a7e16 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-side.component.html
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-side.component.html
@@ -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
diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-side.component.scss b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-side.component.scss
index 43203001..ae83b903 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-side.component.scss
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-side.component.scss
@@ -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%;