snackbar 수정

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;
+          }
+        }
       }
     }
   }

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 {

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);
     }
   }
 }