diff options
Diffstat (limited to 'client-web/public/assets')
-rw-r--r-- | client-web/public/assets/style/master.css | 11 | ||||
-rw-r--r-- | client-web/public/assets/style/room.css | 14 |
2 files changed, 23 insertions, 2 deletions
diff --git a/client-web/public/assets/style/master.css b/client-web/public/assets/style/master.css index caa8c85..7a59d78 100644 --- a/client-web/public/assets/style/master.css +++ b/client-web/public/assets/style/master.css @@ -33,7 +33,7 @@ body { justify-content: left; } -h2 { +h1 { font-weight: 700; margin: 1em; } @@ -46,20 +46,24 @@ button { border: 0px solid transparent; border-radius: 3px; } + input[type="button"]:hover, button:hover { filter: brightness(130%); } + input[type="button"].active, button.active { filter: hue-rotate(20deg); } + input[type="text"], select, input[type="number"] { background-color: var(--bg-dark); border: 1px solid var(--ac-light); } + input:disabled, button:disabled { filter: sepia(90%); @@ -71,15 +75,18 @@ button:disabled { left: 50vw; transform: translate(-50%, -50%); } + .start-box p { margin-bottom: 0.5em; } + .start-box input[type="text"] { margin: 0.5em; font-size: xx-large; } + .start-box input[type="button"] { margin: 0.5em; font-size: x-large; width: calc(100% - 1em); -} +}
\ No newline at end of file diff --git a/client-web/public/assets/style/room.css b/client-web/public/assets/style/room.css index 3f62685..ad84325 100644 --- a/client-web/public/assets/style/room.css +++ b/client-web/public/assets/style/room.css @@ -23,9 +23,11 @@ .user .info .name { font-weight: 400; } + .user.local .info .name { text-decoration: underline; } + .user .info { margin-bottom: 1em; } @@ -44,6 +46,7 @@ .local-controls { display: inline; } + .local-controls::before { content: "|"; } @@ -51,6 +54,7 @@ .transfer-status { background-color: #00000040; } + .progress-bar { z-index: -1; padding: 0px; @@ -59,3 +63,13 @@ 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); +} |