새그룹추가 레이아웃

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

@@ -52,7 +52,7 @@
                 <path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
               </svg>
             </ng-template>
-            <div>
+            <div class="mat-tab-frame">
               <div>
                 <ucap-organization-tenant-search
                   [companyList]="companyList$ | async"
@@ -66,7 +66,6 @@
               <div
                 [style.display]="isShowSearch ? 'none' : 'block'"
                 class="list-panel"
-                style="overflow: auto;"
               >
                 <perfect-scrollbar>
                   <ucap-group-expansion-panel

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

@@ -68,19 +68,37 @@
     }
   }
 }
+
 ::ng-deep .mat-dialog-container .mat-tab-body-wrapper {
   height: 380px;
   width:100%;
+  .mat-tab-body{
+    width:100%;
+    height:100%;
+    .mat-tab-body-content{
+      width:100%;
+      height:100%;
+    }
+  }
 }
-.list-panel{
-  overflow: auto;
-  height: calc(100% - 60px);
-  .group-expansion{
-     .list-item{
-      height:70px;
-     }
+.mat-tab-frame{
+  width:100%;
+  height:100%;
+  .list-panel{
+    width:100%;
+    height: calc(100% - 60px);
+    .group-expansion{
+      .list-item{
+        height:70px;
+      }
+    }
   }
 }
 .mat-tab-group>.mat-tab-header .mat-tab-label{
   border-bottom:2px solid #dddddd;
+}
+::ng-deep .ps-content{
+ .cdk-virtual-scroll-viewport{
+  height:100%;
+  }
 }