added animation for delete first msg in chat

2025-12-10 12:19:31 +02:00 · 2023-11-19 16:14:38 +03:00
parent 1e7868f220
commit 7fe5a11698
2 changed files with 23 additions and 14 deletions
--- a/luckydiamond/src/assets/css/ElementsStyles/chat.css
+++ b/luckydiamond/src/assets/css/ElementsStyles/chat.css
@@ -49,11 +49,18 @@
 }

 .card__user {
-    margin-top: 24px;
    margin: 24px 70px 0px 23px;
    display: flex;
 }

+.fade-enter-active, .fade-leave-active {
+    transition: opacity 0.5s, transform 0.5s;
+}
+.fade-enter, .fade-leave-to {
+    opacity: 0;
+    transform: translateY(20px);
+}
+
 .user__icon {
    display: flex;
    justify-content: center;