Horizontal Message Animation Adjust

2025-06-02 21:34:43 -03:00
parent 6711293fe5
commit 00b8b1d024
5 changed files with 89 additions and 17 deletions
--- a/css/app.css
+++ b/css/app.css
@@ -467,20 +467,25 @@ body {



-
-
 .wrapper.horizontal {
    align-items: flex-end;
 }

-
 .wrapper.horizontal #chat {
    flex-direction: row-reverse;
    align-items: flex-end;
-    gap: 10px;
+    gap: 15px;
    width: max-content;
 }

+.wrapper.horizontal #chat .message {
+    width: 0;
+    white-space: nowrap
+}
+
+.wrapper.horizontal #chat .message > div {
+    width: fit-content;
+}