invoxiplaygames.uk
a web-based Rock Band 4 stats viewer and achievement tracker website
1<div class="top-row ps-3 navbar navbar-dark">
2 <div class="container-fluid">
3 <a class="navbar-brand" href="">davesave</a>
4 <button title="Navigation menu" class="navbar-toggler" @onclick="ToggleNavMenu">
5 <span class="navbar-toggler-icon"></span>
6 </button>
7 </div>
8</div>
9
10<div class="@NavMenuCssClass nav-scrollable" @onclick="ToggleNavMenu">
11 <nav class="nav flex-column">
12 <div class="nav-item px-3">
13 <NavLink class="nav-link" href="" Match="NavLinkMatch.All">
14 <span class="bi bi-house-door-fill-nav-menu" aria-hidden="true"></span> Home
15 </NavLink>
16 </div>
17 <div class="nav-item px-3">
18 <NavLink class="nav-link" href="scores">
19 <span class="bi bi-list-nested-nav-menu" aria-hidden="true"></span> Scores
20 </NavLink>
21 </div>
22 <div class="nav-item px-3">
23 <NavLink class="nav-link" href="achievements">
24 <span class="bi bi-trophy-fill-nav-menu" aria-hidden="true"></span> Achievements
25 </NavLink>
26 </div>
27 </nav>
28</div>
29
30@code {
31 private bool collapseNavMenu = true;
32
33 private string? NavMenuCssClass => collapseNavMenu ? "collapse" : null;
34
35 private void ToggleNavMenu()
36 {
37 collapseNavMenu = !collapseNavMenu;
38 }
39}