diff --git a/frontend/src/app/layout/main-layout/layout.component.html b/frontend/src/app/layout/main-layout/layout.component.html
index 8af729a..b83a5ed 100644
--- a/frontend/src/app/layout/main-layout/layout.component.html
+++ b/frontend/src/app/layout/main-layout/layout.component.html
@@ -12,36 +12,89 @@
@@ -79,15 +132,116 @@
[routerLink]="item.route"
[class.active]="item.active"
class="flex items-center w-full px-4 py-3 transition-colors duration-200 ease-in-out focus:outline-none hover:bg-base-300 hover:text-primary"
- [class.bg-base-100]="item.active"
- [class.text-base-content]="item.active"
- [class.text-primary]="item.active"
- [class.font-semibold]="item.active"
+ [ngClass]="{
+ 'bg-base-100': item.active,
+ 'text-base-content': item.active,
+ 'text-primary': item.active,
+ 'font-semibold': item.active,
+ 'justify-center': isCompact,
+ 'px-4': !isCompact
+ }"
role="menuitem"
tabindex="0"
(click)="onLinkClick()">
+
+ {{ item.name }}
+
+
+
+
+
+
+
+ {{ item.name }}
+
+
+
+
+
+
+
+
+
+
-
-
+
+
-