1 files changed, 38 insertions, 0 deletions
diff --git a/client-web/style/chat.sass b/client-web/style/chat.sass
new file mode 100644
index 0000000..b877333
--- /dev/null
+++ b/client-web/style/chat.sass
@@ -0,0 +1,38 @@
+/*
+ This file is part of keks-meet (https://codeberg.org/metamuffin/keks-meet)
+ which is licensed under the GNU Affero General Public License (version 3); see /COPYING.
+ Copyright (C) 2023 metamuffin <metamuffin@disroot.org>
+
+.chat
+    position: fixed
+    z-index: 70
+
+    right: 1em
+    bottom: 5em
+
+    width: min(30em, 50vw)
+    height: min(50em, 70vh)
+
+    background-color: var(--bg)
+    border-radius: 1em
+    padding: 2em
+
+    .message
+        margin: 0.2em
+    .author
+        font-weight: bold
+    .text
+        color: white
+    .image
+        width: min(20em, 30vw)
+        max-height: 50em // TODO squishes the image if too high
+
+    .messages
+        height: calc(100% - 3em)
+        width: 100%
+        overflow: scroll
+    .controls
+        padding: 1em
+    input
+        font-size: x-large
+        width: 100%