From 4855fef0508e684bb3b8a231c8429bc7e39dcf77 Mon Sep 17 00:00:00 2001
From: marlon-erler <viridian035@gmail.com>
Date: Tue, 23 Jul 2024 02:59:06 +0200
Subject: [PATCH] improve animation

---
 dist/index.css        | 4 ++++
 src/View/chatPage.css | 5 +++++
 2 files changed, 9 insertions(+)

diff --git a/dist/index.css b/dist/index.css
index 26fd36c9..5f4b2c2d 100644
--- a/dist/index.css
+++ b/dist/index.css
@@ -256,6 +256,10 @@ body[showing-chat] #chat-page-wrapper {
   scroll-snap-align: center;
   min-width: 100%;
 }
+#chat-page > div > #main > div > .pane:not(.side),
+#chat-page > div > #main > div > .pane:not(.side) .content {
+  animation: slide-up var(--animation-duration);
+}
 @media (min-width: 1024px) {
   #chat-page > div > #main > div > .pane {
     min-width: unset;
diff --git a/src/View/chatPage.css b/src/View/chatPage.css
index 83c5ac28..11597192 100644
--- a/src/View/chatPage.css
+++ b/src/View/chatPage.css
@@ -64,6 +64,11 @@ body[showing-chat] #chat-page-wrapper {
   min-width: 100%;
 }
 
+#chat-page > div > #main > div > .pane:not(.side),
+#chat-page > div > #main > div > .pane:not(.side) .content {
+  animation: slide-up var(--animation-duration);
+}
+
 @media (min-width: 1024px) {
   #chat-page > div > #main > div > .pane {
     min-width: unset;