diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/group.component.scss b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/group.component.scss index 311224ed..2d0e09b6 100644 --- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/group.component.scss +++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/group.component.scss @@ -18,7 +18,6 @@ } .search-result { - //height: calc(100% - 130px); overflow: auto; .result-num { padding: 10px; @@ -33,10 +32,10 @@ } } } -::ng-deep .mat-tab-body-content { +/*::ng-deep .mat-tab-body-content { height: 100%; overflow: unset; -} +}*/ .mat-menu-item { display: flex; align-items: center; diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/message.component.scss b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/message.component.scss index 91bf62da..216dfd4b 100644 --- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/message.component.scss +++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/message.component.scss @@ -18,7 +18,7 @@ .message-item { cursor: pointer; } -::ng-deep .message-box { +.message-box { position: relative; height: 100%; .message-section { @@ -32,9 +32,6 @@ min-width: 33%; } } - .mat-tab-body-wrapper { - height: calc(100% - 50px); - } } .search-sub { padding: 0 20px; @@ -69,3 +66,18 @@ } } } + +//쪽지 local style +::ng-deep .message-box { + .mat-tab-label { + min-width: 33%; + } + .mat-radio-label { + .mat-radio-label-content { + padding-left: 4px; + } + } + .mat-tab-body-wrapper { + height: calc(100% - 50px); + } +} diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/messages.component.scss b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/messages.component.scss index b94312d5..eda01c00 100644 --- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/messages.component.scss +++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/messages.component.scss @@ -188,7 +188,7 @@ } } } -//mat-snack-bar +//mat-snack-bar 공통 ::ng-deep .cdk-global-overlay-wrapper { .mat-snack-bar-container { margin: 0; @@ -229,7 +229,7 @@ } } -::ng-deep .chat-header { +.chat-header { .profile-img { .chat-timer { .mat-button-wrapper { diff --git a/projects/ucap-webmessenger-app/src/app/pages/account/components/login.page.component.scss b/projects/ucap-webmessenger-app/src/app/pages/account/components/login.page.component.scss index 68733339..3680f742 100644 --- a/projects/ucap-webmessenger-app/src/app/pages/account/components/login.page.component.scss +++ b/projects/ucap-webmessenger-app/src/app/pages/account/components/login.page.component.scss @@ -327,6 +327,11 @@ $ease-in-out: cubic-bezier(0.785, 0.135, 0.15, 0.86); } } +.mat-card > .notice { + p { + margin-bottom: 10px; + } +} @media all and (max-width: 1400px) { .slider { &_content { diff --git a/projects/ucap-webmessenger-app/src/app/pages/messenger/components/main.page.component.scss b/projects/ucap-webmessenger-app/src/app/pages/messenger/components/main.page.component.scss index 5c836fac..c416a80d 100644 --- a/projects/ucap-webmessenger-app/src/app/pages/messenger/components/main.page.component.scss +++ b/projects/ucap-webmessenger-app/src/app/pages/messenger/components/main.page.component.scss @@ -20,6 +20,8 @@ .chat-messages { width: 100%; height: 100%; + min-width: 320px; + overflow-x: auto; font-size: 1em; .messenger-statusbar-container { diff --git a/projects/ucap-webmessenger-ui-account/src/lib/components/login.component.scss b/projects/ucap-webmessenger-ui-account/src/lib/components/login.component.scss index 13f0bcc6..b8bfda60 100644 --- a/projects/ucap-webmessenger-ui-account/src/lib/components/login.component.scss +++ b/projects/ucap-webmessenger-ui-account/src/lib/components/login.component.scss @@ -83,7 +83,7 @@ $login-max-height: 800px; .submit-button { width: 100%; margin: 0 auto; - margin: 2vh 0 1.6vh; + margin: 1.4vh 0; display: block; } } diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/form.component.scss b/projects/ucap-webmessenger-ui-chat/src/lib/components/form.component.scss index 48ec081b..50d37040 100644 --- a/projects/ucap-webmessenger-ui-chat/src/lib/components/form.component.scss +++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/form.component.scss @@ -60,7 +60,7 @@ textarea[name='message'] { ::ng-deep .send-message-button { margin-left: 20px; @media screen and (max-width: #{$tablet-l-width}), (max-height: 800px) { - margin-left: 10px; + margin-left: 6px; } .mat-button-wrapper { display: flex;