feature/refactor-login #19
|
@ -251,14 +251,20 @@
|
||||||
<a
|
<a
|
||||||
[routerLink]="subItem.route"
|
[routerLink]="subItem.route"
|
||||||
[class.active]="subItem.active"
|
[class.active]="subItem.active"
|
||||||
class="block py-2 px-2 rounded transition-colors duration-200 ease-in-out hover:bg-base-200 hover:text-primary"
|
class="block py-2 px-2 rounded transition-colors duration-200 ease-in-out hover:bg-base-200 hover:text-primary flex items-center space-x-2"
|
||||||
[ngClass]="{
|
[ngClass]="{
|
||||||
'bg-base-300': subItem.active,
|
'bg-base-300': subItem.active,
|
||||||
'text-primary': subItem.active,
|
'text-primary': subItem.active,
|
||||||
'font-semibold': subItem.active
|
'font-semibold': subItem.active
|
||||||
}"
|
}"
|
||||||
(click)="onLinkClick()">
|
(click)="onLinkClick()">
|
||||||
{{ subItem.name }}
|
<!-- Icon für das Subitem -->
|
||||||
|
<span
|
||||||
|
*ngIf="subItem.icon"
|
||||||
|
class="flex-shrink-0 w-5 h-5 mr-2"
|
||||||
|
[innerHTML]="subItem.icon"></span>
|
||||||
|
<!-- Text für das Subitem -->
|
||||||
|
<span>{{ subItem.name }}</span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
Loading…
Reference in New Issue