From cb74b35a5292e3e1f3a577152079ad908cf87d85 Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Tue, 26 Oct 2021 15:03:01 +0200 Subject: chore: add box shadow to project details and toolbar It helps to differentiate each part of the design. --- htdocs/src/scss/layout/_main.scss | 1 + htdocs/src/scss/layout/_toolbar.scss | 1 + 2 files changed, 2 insertions(+) (limited to 'htdocs/src') 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; -- cgit v1.2.3