From a6fb6844f68ab29f45fa4f35dc0ee09359da3b18 Mon Sep 17 00:00:00 2001 From: metamuffin Date: Fri, 8 Sep 2023 14:45:16 +0200 Subject: show connection status --- client-web/style/master.sass | 5 +++++ client-web/style/room.sass | 9 +++++++++ client-web/style/watches.sass | 4 ++-- 3 files changed, 16 insertions(+), 2 deletions(-) (limited to 'client-web/style') diff --git a/client-web/style/master.sass b/client-web/style/master.sass index 0863129..8b82f27 100644 --- a/client-web/style/master.sass +++ b/client-web/style/master.sass @@ -14,6 +14,11 @@ @import url("/assets/font/include.css") @import url("/overrides.css") +:root + --green: rgb(146, 243, 73) + --red: #cf3f3f + --textgrey: #bbbbbb + * font-family: "Ubuntu", sans-serif font-weight: 300 diff --git a/client-web/style/room.sass b/client-web/style/room.sass index d7ffbf9..92d751d 100644 --- a/client-web/style/room.sass +++ b/client-web/style/room.sass @@ -63,3 +63,12 @@ .resource-track>div.audio-active border: 2px solid var(--ac-light) + +.connection-status + font-size: small +.status-neutral + color: var(--textgrey) +.status-good + color: var(--green) +.status-fail + color: var(--red) diff --git a/client-web/style/watches.sass b/client-web/style/watches.sass index ee45f5d..4408cb8 100644 --- a/client-web/style/watches.sass +++ b/client-web/style/watches.sass @@ -20,7 +20,7 @@ width: 1em height: 1em border-radius: 3px - background-color: rgb(146, 243, 73) + background-color: var(--green) span display: inline-block - color: #bbbbbb + color: var(--textgrey) -- cgit v1.2.3-70-g09d2