diff options
| author | metamuffin <metamuffin@disroot.org> | 2023-06-24 23:20:47 +0200 |
|---|---|---|
| committer | metamuffin <metamuffin@disroot.org> | 2023-06-24 23:20:47 +0200 |
| commit | 1a0e378ab04fb0b0a88dc3d2d91487117904ff1e (patch) | |
| tree | a276f669f0ce42407729f5904d9ad09705892ac1 /client-web/style/chat.sass | |
| parent | 2c5e565a613e5d235113b39647a54a6b90388136 (diff) | |
| download | keks-meet-1a0e378ab04fb0b0a88dc3d2d91487117904ff1e.tar keks-meet-1a0e378ab04fb0b0a88dc3d2d91487117904ff1e.tar.bz2 keks-meet-1a0e378ab04fb0b0a88dc3d2d91487117904ff1e.tar.zst | |
sass
Diffstat (limited to 'client-web/style/chat.sass')
| -rw-r--r-- | client-web/style/chat.sass | 38 |
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% |