Untitled

<div class="@NavMenuCssClass nav-scrollable" @onclick="ToggleNavMenu">
    <nav class="flex-column">
        <div class="nav-item px-3">
            <NavLink class="nav-link" href="/Films" Match="NavLinkMatch.All">
                <span class="oi oi-home" aria-hidden="true"></span> @Routes.Film
            </NavLink>
        </div>
        <div class="nav-item px-3">
            <NavLink class="nav-link" href="/Directors">
                <span class="oi oi-plus" aria-hidden="true"></span> @Routes.Director
            </NavLink>
        </div>
        <div class="nav-item px-3">
            <NavLink class="nav-link" href="/Genres">
                <span class="oi oi-list-rich" aria-hidden="true"></span> @Routes.Genre
            </NavLink>
        </div>
        <div class="nav-item px-3">
            <NavLink class="nav-link" href="/FilmGenres">
                <span class="oi oi-plus" aria-hidden="true"></span> @Routes.FilmGenre
            </NavLink>
        </div>
        <div class="nav-item px-3">
            <NavLink class="nav-link" href="/SimilarFilms">
                <span class="oi oi-plus" aria-hidden="true"></span> @Routes.SimilarFilm
            </NavLink>
        </div>
        
    </nav>
</div>