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 cc7b7a67..1960830b 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 @@ -173,19 +173,42 @@ } } } - +//mat-snack-bar ::ng-deep .cdk-global-overlay-wrapper { .mat-snack-bar-container { margin: 0; padding: 30px; + max-width: 60vw; .mat-simple-snackbar { + display: flex; justify-content: center; span { - @include ellipsis(1); - padding: 10px 40px; + @include ellipsis(3); + display: inline-block; + padding: 7px 20px; border: 1px solid #ffffff; background-color: rgb(255, 255, 255, 0.2); color: #ffffff; + margin-right: 4px; + flex: 1 1 auto; + max-width: 40vw; + } + &-action { + display: inline-flex; + margin-left: auto; + flex: 0 0 auto; + height: 100%; + button { + //background-color: #00b6d5; + border-radius: 2px; + span { + padding: 0 20px; + color: #ffffff; + background: none; + border: none; + font-weight: 500; + } + } } } } 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 b1617f40..0860127b 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 @@ -90,7 +90,7 @@ $ease-in-out: cubic-bezier(0.785, 0.135, 0.15, 0.86); background-size: auto 133.3333%; background-position: center; background-repeat: none; - transform: scale(0.70); + transform: scale(0.7); transition: transform $time/4 $ease-in-out, box-shadow $time/4 $ease-in-out, opacity $time/4 step-end; opacity: 0; @@ -327,6 +327,15 @@ $ease-in-out: cubic-bezier(0.785, 0.135, 0.15, 0.86); } } +.mat-card-content { + .notice { + p { + line-height: 1.4em; + margin-bottom: 10px; + } + } +} + @media all and (max-width: 1400px) { .slider { &_content { diff --git a/projects/ucap-webmessenger-app/src/assets/scss/global/_default.scss b/projects/ucap-webmessenger-app/src/assets/scss/global/_default.scss index bb7e0219..4279bbae 100644 --- a/projects/ucap-webmessenger-app/src/assets/scss/global/_default.scss +++ b/projects/ucap-webmessenger-app/src/assets/scss/global/_default.scss @@ -446,6 +446,12 @@ $daesang-grey: ( .list-item { &.selected { background-color: mat-color($accent, 100); + border-right: 2px solid mat-color($accent, 800); + } + } + .mat-simple-snackbar-action { + button { + background-color: mat-color($accent, 500); } } }