overlay rework + settings

2 files changed, 18 insertions, 1 deletions

diff --git a/client-web/public/assets/style/master.css b/client-web/public/assets/style/master.css
index d67be15..8a437c0 100644
--- a/client-web/public/assets/style/master.css
+++ b/client-web/public/assets/style/master.css
@@ -2,6 +2,7 @@
 @import url("./logger.css");
 @import url("./chat.css");
 @import url("./room.css");
+@import url("./prefs.css");
 
 * {
     font-family: "Ubuntu", sans-serif;
@@ -70,7 +71,7 @@ input[type="text"] {
     border: 1px solid var(--ac-light);
 }
 
-.bottom-container {
+.bottom-menu {
     background-color: var(--bg);
     padding: 0.5em;
     position: fixed;
diff --git a/client-web/public/assets/style/prefs.css b/client-web/public/assets/style/prefs.css
new file mode 100644
index 0000000..63ec299
--- /dev/null
+++ b/client-web/public/assets/style/prefs.css
@@ -0,0 +1,16 @@
+.prefs-overlay {
+    position: fixed;
+    z-index: 80;
+
+    left: 50%;
+    bottom: 5em;
+    transform: translateX(-50%);
+
+    width: min(50em, 80vw);
+    height: min(40em, 60vh);
+
+    background-color: var(--bg);
+    border-radius: 1em;
+    padding: 2em;
+    overflow-y: auto;
+}