Matrix-Programs/Scylla
1
0
Fork 0
Code Issues 9 Pull Requests Releases Wiki Activity

Add shadows to room css.

Browse Source
This commit is contained in:
Danila Fedorin 2019-02-25 17:39:25 -08:00
parent be7ea33085
commit 6c67e85ca5
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
static/scss/style.scss
View File

@ -4,6 +4,7 @@ $primary-color-highlight: #4298C7;
$primary-color-light: #9FDBFB; $primary-color-light: #9FDBFB;
$background-color: #1b1e21; $background-color: #1b1e21;
$background-color-light: lighten($background-color, 4%);
$background-color-dark: darken($background-color, 4%); $background-color-dark: darken($background-color, 4%);
$error-color: #f01d43; $error-color: #f01d43;
@ -141,7 +142,7 @@ div.base-wrapper {
height: 100%; height: 100%;
> div { > div {
padding: 5px; padding: 10px;
box-sizing: border-box; box-sizing: border-box;
} }
} }
@ -151,6 +152,7 @@ div.base-wrapper {
*/ */
div.rooms-wrapper { div.rooms-wrapper {
flex-shrink: 0; flex-shrink: 0;
background-color: $background-color-light;
} }
div.room-link-wrapper { div.room-link-wrapper {
@ -186,6 +188,8 @@ div.room-wrapper {
display: flex; display: flex;
height: 100%; height: 100%;
flex-direction: column; flex-direction: column;
box-shadow: inset 0px 0px 10px rgba(0, 0, 0, .50);
padding: 5px;
} }
div.typing-wrapper { div.typing-wrapper {