diff options
Diffstat (limited to 'BugMine.Web/Layout/NavMenu.razor')
-rw-r--r-- | BugMine.Web/Layout/NavMenu.razor | 40 |
1 files changed, 40 insertions, 0 deletions
diff --git a/BugMine.Web/Layout/NavMenu.razor b/BugMine.Web/Layout/NavMenu.razor new file mode 100644 index 0000000..64246f4 --- /dev/null +++ b/BugMine.Web/Layout/NavMenu.razor @@ -0,0 +1,40 @@ +<div class="top-row ps-3 navbar navbar-dark"> + <div class="container-fluid"> + <a class="navbar-brand" href="">BugMine</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="weather"> + <span class="bi bi-list-nested-nav-menu" aria-hidden="true"></span> Weather + </NavLink> + </div> + </nav> +</div> + +@code { + private bool collapseNavMenu = true; + + private string? NavMenuCssClass => collapseNavMenu ? "collapse" : null; + + private void ToggleNavMenu() + { + collapseNavMenu = !collapseNavMenu; + } + +} \ No newline at end of file |