style: fix notification text theme issue & ui details

2026-05-01 09:26:28 +00:00 · 2020-12-13 12:43:36 +08:00
parent 6ec72bc4ad
commit 2db70bdfc4
7 changed files with 38 additions and 28 deletions
--- a/src/main/frontend/ui.css
+++ b/src/main/frontend/ui.css
@@ -11,3 +11,21 @@
    }
  }
 }
+
+.ui__notifications {
+  position: fixed;
+  z-index: 99;
+  width: 100%;
+  top: 3.2em;
+
+  &-content {
+    @apply inset-0 flex items-end justify-center px-4 py-3
+      pointer-events-none sm:px-6 sm:py-3 sm:items-start
+      sm:justify-end;
+  }
+
+  .notification-area {
+    background-color: var(--ls-tertiary-background-color, #fff);
+    color: var(--ls-primary-text-color);
+  }
+}