feat(BaseMessage): awesome slide-down animation

project-ait · Nov 2, 2023 · 46fa0ad · 46fa0ad
1 parent 8c09f45
commit 46fa0ad
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/src/lib/components/chat/messages/BaseMessage.svelte b/src/lib/components/chat/messages/BaseMessage.svelte
@@ -37,6 +37,19 @@
     max-width: 35%;
 
     width: 100%;
+
+    animation: slideDown 0.3s ease-in-out;
+  }
+
+  @keyframes slideDown {
+    0% {
+      transform: translateY(-10px);
+      opacity: 0;
+    }
+    100% {
+      transform: translateY(0);
+      opacity: 1;
+    }
   }
 
   .chat-proc {