From 429dc2d5375abf8ca9c3861bdc4bdff52a31b0e4 Mon Sep 17 00:00:00 2001 From: metamuffin Date: Sat, 10 Sep 2022 00:56:25 +0200 Subject: overlay rework + settings --- client-web/public/assets/style/master.css | 3 ++- client-web/public/assets/style/prefs.css | 16 ++++++++++++++++ 2 files changed, 18 insertions(+), 1 deletion(-) create mode 100644 client-web/public/assets/style/prefs.css (limited to 'client-web/public') 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; +} -- cgit v1.2.3-70-g09d2