Style channel messages a bit differently

2024-09-24 11:17:17 +02:00 · 2024-09-24 11:17:17 +02:00 · e3bfede77e
commit e3bfede77e
parent 14895357a3
6 changed files with 37 additions and 7 deletions
--- a/src/assets/css/channel.scss
+++ b/src/assets/css/channel.scss
@ -0,0 +1,24 @@
+.chat-root.channel {
+    background-color: #f2f2f2;
+    .chat-content {
+        width: 100%;
+        max-width: 700px;
+        align-self: center;
+        background-color: white;
+    }
+
+    .messageOut, .messageIn {
+        display: flex;
+        flex-wrap: wrap;
+        .senderAndTime {
+            flex: 0 0 100%;
+        }
+        .content {
+            flex: 1 1 auto;
+        }
+        .bubble {
+            width: 100%;
+            max-width: 100%;
+        }
+    }
+}