New dashboard look & feel

[src/xds/xds-agent.git] / webapp / src / app / pages / notifications / notifications.component.scss

diff --git a/webapp/src/app/pages/notifications/notifications.component.scss b/webapp/src/app/pages/notifications/notifications.component.scss
new file mode 100644 (file)
index 0000000..ce85e8e
--- /dev/null
+++ b/webapp/src/app/pages/notifications/notifications.component.scss
@@ -0,0 +1,28 @@
+@import '../../@theme/styles/themes';
+@import '~bootstrap/scss/mixins/breakpoints';
+@import '~@nebular/theme/styles/global/bootstrap/breakpoints';
+
+@include nb-install-component() {
+
+  nb-card-footer {
+    padding-bottom: 0.25rem;
+
+    button {
+      margin: 0 1rem 1rem 0;
+    }
+  }
+
+  /* stylelint-disable */
+  toaster-container /deep/ {
+     #toast-container .toast-close-button {
+      right: 0;
+    }
+  }
+  /* stylelint-enable */
+
+  @include media-breakpoint-down(xs) {
+    .dropdown-toggle {
+      font-size: 0.75rem;
+    }
+  }
+}