1 files changed, 78 insertions, 0 deletions
diff --git a/client-web/public/assets/style/room.css b/client-web/public/assets/style/room.css
new file mode 100644
index 0000000..1a82f0c
--- /dev/null
+++ b/client-web/public/assets/style/room.css
@@ -0,0 +1,78 @@
+/*
+    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) 2022 metamuffin <metamuffin@disroot.org>
+*/
+.room {
+    overflow-y: scroll;
+    width: 100%;
+    display: flex;
+    flex-wrap: wrap;
+}
+
+.user {
+    background-color: var(--bg);
+    border: 0px solid transparent;
+    border-radius: 5px;
+    padding: 1em;
+    margin: 0.5em;
+    vertical-align: top;
+    min-width: fit-content;
+    height: 13em;
+    display: inline-block;
+    position: relative;
+}
+
+.user .info .name {
+    font-weight: 400;
+}
+
+.user.local .info .name {
+    text-decoration: underline;
+}
+
+.user .info {
+    margin-bottom: 1em;
+}
+
+.user .resource {
+    display: inline-block;
+    vertical-align: top;
+}
+
+.media {
+    max-height: 9em;
+    border: 0px solid transparent;
+    border-radius: 5px;
+}
+
+.local-controls {
+    display: inline;
+}
+
+.local-controls::before {
+    content: "|";
+}
+
+.transfer-status {
+    background-color: #00000040;
+}
+
+.progress-bar {
+    z-index: -1;
+    padding: 0px;
+    margin: 0px;
+    height: 6px;
+    border-radius: 3px;
+    background-color: var(--ac-light);
+}
+
+
+.resource-track>div {
+    border: 2px solid transparent;
+    border-radius: 4px;
+}
+
+.resource-track>div.audio-active {
+    border: 2px solid var(--ac-light);
+}