feat(DevWeb): Create Layout for forms

2026-05-16 09:05:28 +00:00 · 2024-04-20 21:18:12 +02:00
parent 69bc7b660f
commit 24744d87ac
2 changed files with 56 additions and 0 deletions
@@ -0,0 +1,41 @@
+.notification {
+    position: absolute;
+    bottom: 0;
+    right: 0;
+    margin: 1em !important;
+
+    transform: translateY(100%);
+    opacity: 0;
+    animation: toast 5s ease forwards;
+}
+
+@keyframes toast {
+    0% {
+        opacity: 0;
+        transform: translateY(100%);
+    }
+    5% {
+        opacity: 1;
+        transform: translateY(0);
+    }
+    95% {
+        opacity: 1;
+        transform: translateY(0);
+    }
+    100% {
+        opacity: 0;
+        transform: translateY(100%);
+    }
+}
+
+@keyframes shake {
+    0%, 100% {
+        transform: translateX(0);
+    }
+    10%, 30%, 50%, 70%, 90% {
+        transform: translateX(-5px);
+    }
+    20%, 40%, 60%, 80% {
+        transform: translateX(5px);
+    }
+}