Dismissable alert use, DataGrid rework

2026-06-13 02:35:14 +02:00
parent 403a6722b8
commit 8d2fe5b77b
22 changed files with 207 additions and 108 deletions
--- a/src/styles/components.css
+++ b/src/styles/components.css
@@ -693,9 +693,7 @@
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
-  position: sticky;
-  top: 10px;
-  z-index: 30;
+  position: relative;
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.08);
 }

@@ -704,17 +702,27 @@
  flex: 1 1 auto;
 }

-.alert-floating {
+.alert-floating-stack {
  position: fixed;
  top: 131px;
  left: 50%;
  z-index: 1200;
+  display: grid;
+  gap: 10px;
  width: min(640px, calc(100vw - 32px));
-  margin: 0;
  transform: translateX(-50%);
+  pointer-events: none;
+}
+
+.alert-floating {
+  position: relative;
+  top: auto;
+  width: 100%;
+  margin: 0;
  border: 1px solid rgba(15, 23, 42, 0.14);
  border-radius: 12px;
  box-shadow: 0 16px 38px rgba(15, 23, 42, 0.2);
+  pointer-events: auto;
 }

 .alert-dismiss {