HTL-2IHIF-CSharp/test-pages
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

initial

Browse source
This commit is contained in:
Markus 2024-09-21 16:19:49 +02:00
commit 7b9d778eb3
29 changed files with 4876 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

39
Layout/NavMenu.razor Normal file
View file

@ -0,0 +1,39 @@
<div class="top-row ps-3 navbar navbar-dark">
<div class="container-fluid">
<a class="navbar-brand" href="">HerbalGarden</a>
<button title="Navigation menu" class="navbar-toggler" @onclick="ToggleNavMenu">
<span class="navbar-toggler-icon"></span>
</button>
</div>
</div>
<div class="@NavMenuCssClass nav-scrollable" @onclick="ToggleNavMenu">
<nav class="flex-column">
<div class="nav-item px-3">
<NavLink class="nav-link" href="" Match="NavLinkMatch.All">
<span class="bi bi-house-door-fill-nav-menu" aria-hidden="true"></span> Home
</NavLink>
</div>
<div class="nav-item px-3">
<NavLink class="nav-link" href="counter">
<span class="bi bi-plus-square-fill-nav-menu" aria-hidden="true"></span> Counter
</NavLink>
</div>
<div class="nav-item px-3">
<NavLink class="nav-link" href="departments">
<span class="bi bi-list-nested-nav-menu" aria-hidden="true"></span> Departments
</NavLink>
</div>
</nav>
</div>
@code {
private bool _collapseNavMenu = true;
private string? NavMenuCssClass => _collapseNavMenu ? "collapse" : null;
private void ToggleNavMenu()
{
_collapseNavMenu = !_collapseNavMenu;
}
}