From 864a0072845748397503e618c6e83c91712c0640 Mon Sep 17 00:00:00 2001
From: minie4 <minie4@gmx.de>
Date: Sun, 11 Sep 2022 23:43:45 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20Add=20box-shadow=20to=20titlebar?=
 =?UTF-8?q?=20and=20bottomnav?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/base.css                 | 2 ++
 src/components/bottom-navbar.vue    | 1 +
 src/components/titlebar-element.vue | 1 +
 3 files changed, 4 insertions(+)

diff --git a/src/assets/base.css b/src/assets/base.css
index a7351d2..f9c5538 100644
--- a/src/assets/base.css
+++ b/src/assets/base.css
@@ -9,10 +9,12 @@
   --font-family: "sourcesanspro";
   --titlebar-color: #212121;
   --titlebar-element-active-color: #466439;
+  --titlebar-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.2);
   --bottomnav-color: #555555;
   --bottomnav-icon-color: #c7c7c7;
   --bottomnav-icon-active-color: #456c47;
   --bottomnav-active-color: #7ca74b;
+  --bottomnav-shadow: 5px 7px 19px 0px rgba(0, 0, 0, 0.25);
   --loader-color: #7ca74b;
   --substitution-background-change: #14587e;
   --substitution-background-cancellation: #7d2b2d;
diff --git a/src/components/bottom-navbar.vue b/src/components/bottom-navbar.vue
index 6035c35..2cc36dc 100644
--- a/src/components/bottom-navbar.vue
+++ b/src/components/bottom-navbar.vue
@@ -44,6 +44,7 @@ import { RouterLink } from "vue-router";
   padding: 0px 20px;
   max-width: 800px;
   z-index: 100;
+  box-shadow: var(--bottomnav-shadow);
 }
 
 .entry {
diff --git a/src/components/titlebar-element.vue b/src/components/titlebar-element.vue
index 98d6998..1b704b8 100644
--- a/src/components/titlebar-element.vue
+++ b/src/components/titlebar-element.vue
@@ -38,6 +38,7 @@ function goBack() {
   flex-direction: row;
   align-items: center;
   z-index: 10;
+  box-shadow: var(--titlebar-shadow);
 }
 
 .title {