feature: notification responsive

src/styles/base/header.scss

@@ -122,7 +122,6 @@ solid-notifications {
       overflow: auto;
       -webkit-overflow-scrolling: touch;
       -ms-overflow-style: none;
-
       scrollbar-width: thin;
       scrollbar-color: var(--color-notification-scrollbar-track) var(--color-notification-scrollbar-background);
 
@@ -173,12 +172,24 @@ solid-notifications {
               font-size: 1.2rem;
               line-height: 1.7rem;
               margin: 1.1rem 0 0;
+
+              @include breakpoint(320px, 388px) {
+                max-width: 226px;
+              }
+
+              @include breakpoint(lg) {
+                max-width: 256px;
+              }
             }
 
             .solid-notification__date {
               display: none;
             }
           }
+
+          .solid-notification__read {
+            display: none;
+          }
         }
       }
     }