From f164d220a1b4ba8cc6ea7e8f25adbdddde5c608d Mon Sep 17 00:00:00 2001
From: Daniel <danthevip@gmail.com>
Date: Wed, 25 Oct 2023 01:44:12 +0300
Subject: [PATCH] Logout now pretty, working on quickbar elements

---
 .../dashboard/board/QuickInfobar.svelte       |  2 +-
 .../src/routes/dashboard/menu/SideMenu.svelte | 27 +++++++++++++------
 2 files changed, 20 insertions(+), 9 deletions(-)

diff --git a/src/main/java/com/faf223/expensetrackerfaf/web/src/routes/dashboard/board/QuickInfobar.svelte b/src/main/java/com/faf223/expensetrackerfaf/web/src/routes/dashboard/board/QuickInfobar.svelte
index 4ce18dc..ce6a02f 100644
--- a/src/main/java/com/faf223/expensetrackerfaf/web/src/routes/dashboard/board/QuickInfobar.svelte
+++ b/src/main/java/com/faf223/expensetrackerfaf/web/src/routes/dashboard/board/QuickInfobar.svelte
@@ -23,7 +23,7 @@
         height: 100px;
         padding: 10px;
         border-radius: 10px;
-        background-color: #d3d3d3;
+        background-color: #212942;
         box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
         transition: all 0.3s cubic-bezier(.25,.8,.25,1);
     }
diff --git a/src/main/java/com/faf223/expensetrackerfaf/web/src/routes/dashboard/menu/SideMenu.svelte b/src/main/java/com/faf223/expensetrackerfaf/web/src/routes/dashboard/menu/SideMenu.svelte
index a973367..1068b3c 100644
--- a/src/main/java/com/faf223/expensetrackerfaf/web/src/routes/dashboard/menu/SideMenu.svelte
+++ b/src/main/java/com/faf223/expensetrackerfaf/web/src/routes/dashboard/menu/SideMenu.svelte
@@ -64,7 +64,7 @@
     <div id="profileSpace">
         <div id="profileInfo">Hello, {username}</div>
         <div id="logout" role="button"
-        tabindex="0"  
+        tabindex="0"
         on:click={() => {
         deleteCookie('access_token');
         deleteCookie('refresh_token');
@@ -76,12 +76,11 @@
             deleteCookie('refresh_token');
             window.location.href = '/auth/login';
         }
-    }}
-        >
+    }}>
         Log out
-    </div>
+        </div>
 
-</div>
+    </div>
 </div>
 
 <style>
@@ -130,10 +129,22 @@
     #profileSpace {
         margin-bottom: 20px;
         display: flex;
-        flex-direction: row;
-        justify-content: center;
-        color:white;
+        flex-direction: column;
+        align-items: center;
+        color: white;
         font-weight: 900;
         font-size: larger;
     }
+
+    #logout {
+        background: none;
+        cursor: pointer;
+        border-radius: 10px;
+        transition: background 0.3s ease;
+        padding: 5px;
+    }
+
+    #logout:hover {
+        background: rgba(128, 128, 128, 0.5);
+    }
 </style>
\ No newline at end of file