Floating dismissable alert - initial commit

2026-06-12 20:36:13 +02:00
parent cf36dfb20b
commit 403a6722b8
8 changed files with 88 additions and 40 deletions
--- a/src/styles/components.css
+++ b/src/styles/components.css
@@ -704,6 +704,19 @@
  flex: 1 1 auto;
 }

+.alert-floating {
+  position: fixed;
+  top: 131px;
+  left: 50%;
+  z-index: 1200;
+  width: min(640px, calc(100vw - 32px));
+  margin: 0;
+  transform: translateX(-50%);
+  border: 1px solid rgba(15, 23, 42, 0.14);
+  border-radius: 12px;
+  box-shadow: 0 16px 38px rgba(15, 23, 42, 0.2);
+}
+
 .alert-dismiss {
  border: 0;
  background: transparent;