프로필 수정

projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/create-chat.dialog.component.html

@@ -1,4 +1,4 @@
-<mat-card class="confirm-card mat-elevation-z">
+<mat-card class="confirm-card mat-elevation-z dialog-creat-chat">
   <mat-card-header cdkDrag cdkDragRootElement=".cdk-overlay-pane" cdkDragHandle>
     <mat-card-title>{{ data.title }}</mat-card-title>
     <button class="icon-button btn-dialog-close" (click)="onClickChoice(false)">

projects/ucap-webmessenger-ui-profile/src/lib/components/profile.component.html

@@ -168,6 +168,10 @@
   </mat-card-header>
 
   <mat-card-content>
+    <button class="icon-button btn-dialog-close" (click)="onClose()">
+      <i class="mdi mdi-window-close"></i>
+    </button>
+
     <ul class="userInfo-list">
       <li class="company">
         <dt class="division">{{ 'profile.fieldCompany' | translate }}</dt>
@@ -384,8 +388,4 @@
       </div>
     </mat-card-actions>
   </mat-card-content>
-
-  <button class="icon-button btn-dialog-close" (click)="onClose()">
-    <i class="mdi mdi-window-close"></i>
-  </button>
 </mat-card>

projects/ucap-webmessenger-ui-profile/src/lib/components/profile.component.scss

@@ -1,3 +1,16 @@
+$desktop-l-width: 1440px;
+$tablet-l-width: 1024px;
+$tablet-s-width: 768px;
+$mob-l-width: 640px;
+$login-max-height: 800px;
+// 태블릿
+
+@mixin tab {
+  @media screen and (max-width: #{$tablet-l-width}) {
+    @content;
+  }
+}
+
 @mixin ellipsis($row) {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -22,7 +35,7 @@
   display: flex;
   flex-flow: row;
   flex: 0 0 auto;
-  width: 700px;
+  width: 100%;
   height: 450px;
   position: relative;
   padding: 0;
@@ -30,7 +43,7 @@
     position: relative;
     justify-content: flex-start;
     flex-flow: column;
-    width: 260px;
+    width: 38%;
     height: 100%;
     background: #64cddf;
     color: #ffffff;
@@ -150,9 +163,9 @@
   }
   .mat-card-content {
     position: relative;
-    width: 440px;
+    width: 62%;
     height: 100%;
-    padding: 10px 0;
+    padding-bottom: 10px;
     margin-left: 30px;
     ul {
       display: flex;
@@ -260,10 +273,13 @@
     justify-content: center;
     align-self: center;
     margin-left: 8px;
+    display: inline-flex;
+    @media screen and (max-width: #{$tablet-s-width}) {
+      display: none;
+    }
   }
 }
 
-
 .btn-dialog-close {
-
+  margin-left: auto;
 }

projects/ucap-webmessenger-ui/src/assets/scss/partials/_dialogs.scss

@@ -1,24 +1 @@
-/*.dialog-org {
-  .oraganization-tab {
-    width: 100%;
-    height:380px;
-    border-bottom: 1px solid #dddddd;
-    .oraganization-tab-tree {
-      display: inline-flex;
-      width: 50%;
-      height:100%;
-      border-right: 1px solid #dddddd;
-      overflow: auto;
-    }
-    .select-list {
-      display: inline-flex;
-      flex-direction: column;
-      width: 50%;
-      height:100%;
-      overflow: auto;
-      .search-list {
-        overflow: auto;
-      }
-    }
-  }
-}*/
+$tablet-s-width: 768px;