Styling

Chocobozzz · Jan 14, 2025 · 7a18293 · 7a18293
1 parent 4a8e32d
commit 7a18293
Showing 1 changed file with 9 additions and 7 deletions.
diff --git a/client/src/app/menu/menu.component.html b/client/src/app/menu/menu.component.html
@@ -65,13 +65,15 @@
                         <span [ngClass]="{ 'visually-hidden': collapsed }">{{ link.label }}</span>
                       </ng-template>
 
-                      <a *ngIf="link.path" class="menu-link ellipsis" [routerLink]="link.path" [queryParams]="link.query" routerLinkActive="active" [ngClass]="link.ngClass" [title]="link.label">
-                        <ng-container *ngTemplateOutlet="linkTemplate"></ng-container>
-                      </a>
-
-                      <a *ngIf="link.url" class="menu-link ellipsis" [href]="link.url" [ngClass]="link.ngClass" [title]="link.label" target="_blank">
-                        <ng-container *ngTemplateOutlet="linkTemplate"></ng-container>
-                      </a>
+                      @if (link.path) {
+                        <a class="menu-link ellipsis" [routerLink]="link.path" [queryParams]="link.query" routerLinkActive="active" [ngClass]="link.ngClass" [title]="link.label">
+                          <ng-container *ngTemplateOutlet="linkTemplate"></ng-container>
+                        </a>
+                      } @else {
+                        <a class="menu-link ellipsis" [href]="link.url" [ngClass]="link.ngClass" [title]="link.label" target="_blank">
+                          <ng-container *ngTemplateOutlet="linkTemplate"></ng-container>
+                        </a>
+                      }
                     }
                   </li>
                 </ul>