From 5b36b5dbe2423f99bfe69e71db4c08fa89eff1e3 Mon Sep 17 00:00:00 2001
From: khk <khk@gmail.com>
Date: Fri, 27 Mar 2020 10:42:43 +0900
Subject: [PATCH] =?UTF-8?q?=EC=84=A4=EC=A0=95=20=EC=B0=BD=20-=20=EB=B2=84?=
 =?UTF-8?q?=ED=8A=BC=EC=9C=84=EC=B9=98=20=EB=B0=8F=20=ED=81=AC=EA=B8=B0?=
 =?UTF-8?q?=EC=A1=B0=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../settings/messenger-settings.dialog.component.scss    | 9 +++------
 .../src/app/store/messenger/settings/effects.ts          | 6 +++---
 2 files changed, 6 insertions(+), 9 deletions(-)

diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/settings/messenger-settings.dialog.component.scss b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/settings/messenger-settings.dialog.component.scss
index a35356c2..ece071b6 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/settings/messenger-settings.dialog.component.scss
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/settings/messenger-settings.dialog.component.scss
@@ -1,13 +1,9 @@
 .setting-frame {
   padding: 16px;
-  height: 100%;
-  width: 720px;
+  height: calc(90vh - 40px);
+  width: 100%;
   position: relative;
 
-  .mat-dialog-container {
-    position: relative;
-  }
-
   .mat-card-header {
     position: relative;
     width: 100%;
@@ -23,6 +19,7 @@
     }
   }
   .mat-card-content {
+    position: relative;
     flex: 0 0 auto;
     display: flex;
     align-items: flex-start;
diff --git a/projects/ucap-webmessenger-app/src/app/store/messenger/settings/effects.ts b/projects/ucap-webmessenger-app/src/app/store/messenger/settings/effects.ts
index db09ba89..d9490929 100644
--- a/projects/ucap-webmessenger-app/src/app/store/messenger/settings/effects.ts
+++ b/projects/ucap-webmessenger-app/src/app/store/messenger/settings/effects.ts
@@ -44,9 +44,9 @@ export class Effects {
               MessengerSettingsDialogResult
             >(MessengerSettingsDialogComponent, {
               width: '800px',
-              maxWidth: '800px',
-              height: '800px',
-              minHeight: '800px',
+              maxWidth: '94vw',
+              maxHeight: '90vh',
+              minHeight: '500px',
               disableClose: false,
               data: {}
             });