Restructured sidebar and implemented links var

1 files changed, 14 insertions, 2 deletions

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