new resource displays

3 files changed, 30 insertions, 7 deletions

diff --git a/client-web/style/logger.sass b/client-web/style/logger.sass
index b2815db..2e16ffa 100644
--- a/client-web/style/logger.sass
+++ b/client-web/style/logger.sass
@@ -4,11 +4,11 @@
  Copyright (C) 2023 metamuffin <metamuffin.org>
 
 .logger-container
+    z-index: 9999
     position: absolute
     top: 0px
     right: 0px
     transition: width 1s
-
     background-color: rgba(0, 0, 0, 0.376)
     border-radius: 0.2em
     border: 0px solid transparent
diff --git a/client-web/style/master.sass b/client-web/style/master.sass
index f3dd420..c4aa50e 100644
--- a/client-web/style/master.sass
+++ b/client-web/style/master.sass
@@ -81,7 +81,7 @@ input[type="number"]
     background-color: var(--bg-dark)
     border: 1px solid var(--ac-light)
 
-button.leave
+button.abort
     left: 0px
     background-color: #9a2020
 
diff --git a/client-web/style/room.sass b/client-web/style/room.sass
index ff26a77..b5c9f26 100644
--- a/client-web/style/room.sass
+++ b/client-web/style/room.sass
@@ -18,7 +18,7 @@
     margin: 0.5em
     vertical-align: top
     min-width: fit-content
-    height: 13em
+    height: 16em
     display: inline-block
     position: relative
 
@@ -35,10 +35,10 @@
     display: inline-block
     vertical-align: top
 
-.media
-    max-height: 9em
-    border: 0px solid transparent
-    border-radius: 5px
+.resource
+    position: relative
+    margin: 0.5em
+    max-height: 12em
 
 .local-controls
     display: inline
@@ -72,3 +72,26 @@
     color: var(--green)
 .status-fail
     color: var(--red)
+
+.media-video
+    border-radius: 5px
+    background-color: black
+    height: 12em
+    width: calc(12em * 16 / 9)
+    button.center
+        position: absolute
+        top: 50%
+        left: 50%
+        transform: translate(-50%,-50%)
+    button.topright
+        position: absolute
+        top: 0px
+        right: 0px
+
+.media-audio
+    border-radius: 5px
+    height: 5em
+    width: 20em
+
+video
+    height: 12em