Update styling for notifications menu

2024-07-10 21:14:21 -07:00
parent a4580d85c4
commit cd149636bc
5 changed files with 53 additions and 11 deletions
--- a/scss/menus/media.scss
+++ b/scss/menus/media.scss
@@ -74,7 +74,7 @@
      }

      &.active {
-        background: $pink;
+        background: $green;
      }
    }

--- a/scss/menus/notifications.scss
+++ b/scss/menus/notifications.scss
@@ -3,7 +3,7 @@
 .notification-card-container.menu {
  margin: 0em;
  min-width: 28.6em;
-  min-height: 6em;
+  min-height: 49.5em;
  background: $crust;
  border: 0.13em solid $surface0;
  border-radius: 0.7em;
@@ -75,3 +75,17 @@
  }
 }

+.notification-label-container {
+  margin-bottom: 8em;
+
+  label {
+    color: $surface0;
+  }
+
+  .bell {
+    font-size: 10em;
+  }
+  .message {
+    font-size: 1.5em;
+  }
+}