37 lines
976 B
Plaintext
37 lines
976 B
Plaintext
<nav class="navbar" role="navigation" aria-label="main navigation">
|
|
<div class="navbar-brand">
|
|
<NavLink class="navbar-item" href="/">
|
|
<img src="/images/drinkMe-logo.png" alt="logo">
|
|
</NavLink>
|
|
|
|
<a role="button" class="navbar-burger @IsActive" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample"
|
|
@onclick="OpenCloseMenu">
|
|
<span aria-hidden="true"></span>
|
|
<span aria-hidden="true"></span>
|
|
<span aria-hidden="true"></span>
|
|
</a>
|
|
</div>
|
|
|
|
<div id="navbarBasicExample" class="navbar-menu @IsActive">
|
|
<div class="navbar-start">
|
|
<NavLink class="navbar-item" href="/">
|
|
<span class="icon-text">
|
|
<span class="icon"><i class="fad fa-home"></i></span>
|
|
<span>Home</span>
|
|
</span>
|
|
</NavLink>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
@code{
|
|
string IsActive { get; set; }
|
|
|
|
void OpenCloseMenu()
|
|
{
|
|
if (string.IsNullOrEmpty(IsActive))
|
|
IsActive = "is-active";
|
|
else
|
|
IsActive = default;
|
|
}
|
|
} |