added dialog window for notifications about off animations

2025-12-10 12:19:31 +02:00 · 2023-11-20 22:40:21 +03:00
parent 7e65ad2a5f
commit 4bb3f35e5b
3 changed files with 50 additions and 0 deletions
--- a/luckydiamond/src/assets/css/ComponentsStyles/notification.css
+++ b/luckydiamond/src/assets/css/ComponentsStyles/notification.css
@@ -0,0 +1,24 @@
+.notification {
+    position: absolute;
+    top: 0%;
+    left: 34%;
+    background: #000;
+    width: 20%;
+    height: 5%;
+    z-index: 1000;
+}
+
+.notification__content  {
+    margin-top: 10px;
+    display: flex;
+    justify-content: center;
+}
+
+.fade-enter-active, .fade-leave-active {
+    opacity: 0;
+    transform: translateY(20px);
+}
+.fade-enter, .fade-leave-to {
+    opacity: 1;
+    transform: translateY(100px);
+}