From 8f13ab0b4eb8135e9aa7917e4b95f291c78a99e6 Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Thu, 15 Jun 2023 15:19:12 +0200
Subject: [PATCH] Added gradient to main background

---
 Frontend/src/App.vue                                          | 4 ++--
 .../src/components/sidebar/SidebarMenuElementComponent.vue    | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/Frontend/src/App.vue b/Frontend/src/App.vue
index 22c2e18..acfd065 100644
--- a/Frontend/src/App.vue
+++ b/Frontend/src/App.vue
@@ -13,9 +13,9 @@ onMounted(() => {
 </script>
 
 <template>
-  <div id="layout" class="flex dark:bg-gray-800">
+  <div id="layout" class="flex bg-gradient-to-r from-white to-blue-200 dark:bg-gradient-to-r dark:from-slate-800 dark:to-indigo-950">
     <SidebarComponent />
-    <div class="relative p-6 w-11/12 m-4 bg-indigo-50 dark:bg-gray-700 rounded-2xl">
+    <div class="relative p-6 w-full m-4 bg-indigo-50 dark:bg-gray-700 rounded-2xl shadow-md">
       <RouterView></RouterView>
     </div>
   </div>
diff --git a/Frontend/src/components/sidebar/SidebarMenuElementComponent.vue b/Frontend/src/components/sidebar/SidebarMenuElementComponent.vue
index b16429d..f7d45a6 100644
--- a/Frontend/src/components/sidebar/SidebarMenuElementComponent.vue
+++ b/Frontend/src/components/sidebar/SidebarMenuElementComponent.vue
@@ -17,7 +17,7 @@ const props = defineProps(
 
 
 <template>
-    <div class="mb-4 bg-gradient-to-r from-blue-400 to-blue-200 dark:from-blue-700 dark:to-indigo-900 p-2 rounded-xl w-full">
+    <div class="mb-4 bg-gradient-to-r from-blue-400 to-blue-200 dark:from-blue-700 dark:to-indigo-900 p-2 rounded-xl w-full shadow-md">
         <button @click="switchHiddenElement()" type="button" :class="[isActive ? 'rounded-lg' : 'rounded-lg']" class="w-full p-2 text-lg font-bold text-gray-900 transition duration-75 hover:bg-blue-100 dark:text-gray-100  dark:hover:bg-slate-600">
             <span class="flex-1 whitespace-nowrap">{{props.categoryName}}</span>
         </button>