Files
TinyInvoice/Server/Components/Layout/NavMenu.razor
Andre Beging b76dcdb746 Update Icons
2024-11-07 15:25:17 +01:00

43 lines
1.4 KiB
Plaintext

<div class="top-row ps-3 navbar navbar-dark">
<div class="container-fluid">
<a class="navbar-brand" href="">Server</a>
</div>
</div>
<input type="checkbox" title="Navigation menu" class="navbar-toggler"/>
<div class="nav-scrollable" onclick="document.querySelector('.navbar-toggler').click()">
<nav class="flex-column">
<div class="nav-item px-3">
<NavLink class="nav-link" href="/create" Match="NavLinkMatch.All">
<div style="width: 30px; margin-right: .5rem;" class="text-center">
<i class="fas fa-plus-square fa-xl"></i>
</div> Neue Rechnung
</NavLink>
</div>
<div class="nav-item px-3">
<NavLink class="nav-link" href="/" Match="NavLinkMatch.All">
<div style="width: 30px; margin-right: .5rem;" class="text-center">
<i class="fas fa-file-invoice fa-xl"></i>
</div> Rechnungen
</NavLink>
</div>
<div class="nav-item px-3">
<NavLink class="nav-link" href="customers">
<div style="width: 30px; margin-right: .5rem;" class="text-center">
<i class="fas fa-address-card fa-xl"></i>
</div> Kunden
</NavLink>
</div>
<div class="nav-item px-3">
<NavLink class="nav-link" href="settings">
<div style="width: 30px; margin-right: .5rem;" class="text-center">
<i class="fas fa-cogs fa-xl"></i>
</div> Einstellungen
</NavLink>
</div>
</nav>
</div>