diff options
author | Rory& <root@rory.gay> | 2024-04-06 04:06:58 +0200 |
---|---|---|
committer | Rory& <root@rory.gay> | 2024-04-06 04:06:58 +0200 |
commit | 74f551ef1314481e3aa8c20fedb48033255617b9 (patch) | |
tree | c515a7b6f2511320a4d1b23a1eef963f9707c539 /BugMine.Web/Layout/NavMenu.razor | |
download | BugMine-74f551ef1314481e3aa8c20fedb48033255617b9.tar.xz |
Initial commit
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 |