diff options
| author | Armand Philippot <git@armandphilippot.com> | 2021-10-26 15:03:01 +0200 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2021-10-26 15:03:01 +0200 |
| commit | cb74b35a5292e3e1f3a577152079ad908cf87d85 (patch) | |
| tree | bcfa3f4dd9325ae5113c5076eae2850f79b67e4f /htdocs/src | |
| parent | 76d2c735a474f5f8aad9b7ca9735393069913c10 (diff) | |
chore: add box shadow to project details and toolbar
It helps to differentiate each part of the design.
Diffstat (limited to 'htdocs/src')
| -rw-r--r-- | htdocs/src/scss/layout/_main.scss | 1 | ||||
| -rw-r--r-- | htdocs/src/scss/layout/_toolbar.scss | 1 |
2 files changed, 2 insertions, 0 deletions
diff --git a/htdocs/src/scss/layout/_main.scss b/htdocs/src/scss/layout/_main.scss index 8118d9b..92602f9 100644 --- a/htdocs/src/scss/layout/_main.scss +++ b/htdocs/src/scss/layout/_main.scss @@ -53,6 +53,7 @@ .project-details { background: fun.get-var(color-bg-secondary); + box-shadow: 0 -1px 2px 0 fun.get-var(color-shadow); display: flex; flex-flow: column nowrap; font-size: fun.get-var(font-size-sm); diff --git a/htdocs/src/scss/layout/_toolbar.scss b/htdocs/src/scss/layout/_toolbar.scss index c96bd1d..222fb29 100644 --- a/htdocs/src/scss/layout/_toolbar.scss +++ b/htdocs/src/scss/layout/_toolbar.scss @@ -4,6 +4,7 @@ align-items: center; background: fun.get-var(color-primary); bottom: 0; + box-shadow: 0 -1px 2px 0 fun.get-var(color-shadow-dark); color: fun.get-var(color-fg-inverted); display: flex; flex-flow: row wrap; |