AppStd/EnvelopeGenerator
8
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

feat: Navbar mit zusätzlichem Button und Icons aktualisiert

Browse Source 
- Neuer "Umschläge"-Button zur Navbar hinzugefügt, um die Navigation zur Startseite zu erleichtern.
- Icon des "Neuer Umschlag"-Buttons zu "forward_to_inbox" geändert für eine bessere visuelle Darstellung.
This commit is contained in:
Developer 02 2024-08-23 00:51:18 +02:00
parent 91b891513f
commit 24037f8366
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
EnvelopeGenerator.GeneratorAPI/ClientApp/envelope-generator-ui/src/app/components/navbar/navbar.component.html
View File

@ -7,8 +7,12 @@
[ngClass]="{ show: isExpanded }"> [ngClass]="{ show: isExpanded }">
<ul class=" navbar-nav flex-grow"> <ul class=" navbar-nav flex-grow">
<li class="nav-item" [routerLinkActive]="['link-active']" [routerLinkActiveOptions]="{exact: true}"> <li class="nav-item" [routerLinkActive]="['link-active']" [routerLinkActiveOptions]="{exact: true}">
<button class="btn nav-link d-flex flex-column align-items-center justify-content-center" (click)="router.navigate(['/envelope-creation'])"> <button class="btn nav-link d-inline-flex flex-column align-items-center justify-content-center mx-2" (click)="router.navigate(['/'])">
<mat-icon>mail</mat-icon> <mat-icon>mail</mat-icon>
<span class="fs-6">Umschläge</span>
</button>
<button class="btn nav-link d-inline-flex flex-column align-items-center justify-content-center mx-2" (click)="router.navigate(['/envelope-creation'])">
<mat-icon>forward_to_inbox</mat-icon>
<span class="fs-6">Neuer Umschlag</span> <span class="fs-6">Neuer Umschlag</span>
</button> </button>
</li> </li>