From 246eabe4a46d2585d653738e46089ed2bfada8bd Mon Sep 17 00:00:00 2001
From: Wolfboy248 <georgejvindkarlsen@gmail.com>
Date: Mon, 25 Aug 2025 09:36:51 +0200
Subject: Restructured sidebar and implemented links var

---
 frontend/src/components/Sidebar/Sidebar.module.css | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

(limited to 'frontend/src/components/Sidebar/Sidebar.module.css')

diff --git a/frontend/src/components/Sidebar/Sidebar.module.css b/frontend/src/components/Sidebar/Sidebar.module.css
index 8079676..9baf415 100644
--- a/frontend/src/components/Sidebar/Sidebar.module.css
+++ b/frontend/src/components/Sidebar/Sidebar.module.css
@@ -6,18 +6,30 @@
     border-radius: 2000px;
     transition: all 0.2s ease;
     padding: 4px 0px;
+    height: 48px;
 }
 
-.button:hover {
+.button:hover,
+.button-selected,
+.button-selected:hover {
     background-color: var(--color-panel);
 }
 
 .button>img {
-    padding: 0px 8px;
     height: 28px;
+    width: 28px;
+    transform: translateX(10px);
 }
 
 button>span {
     font-size: 22px;
     font-family: var(--font-barlow-semicondensed-regular);
+    white-space: nowrap;
+    margin-left: 16px;
+}
+
+.button-hidden>span {
+    cursor: none;
+    pointer-events: none;
+    opacity: 0;
 }
\ No newline at end of file
-- 
cgit v1.2.3