html/css: better readability for navbar account links

This commit is contained in:
AdrienLSH
2024-01-16 10:14:25 +01:00
parent a0e58e7889
commit 7ff6571982
2 changed files with 13 additions and 17 deletions

View File

@ -15,11 +15,15 @@
<a href="/search" class="nav-link" data-link>Search</a>
<a href="/home" class="nav-link" data-link>Home</a>
</div>
<div id="nav-account-links" class="navbar-nav d-flex justify-content-end flex-row gap-2">
<a href="/login" class="nav-link" data-link>Login</a>
<a href="/register" class="nav-link" data-link>Register</a>
<a logged-in href="/me" class="nav-link d-none" data-link>My Profile</a>
<a logged-in href="/logout" class="nav-link d-none" data-link>Logout</a>
<div class="navbar-nav justify-content-end">
<div id='navbarLoggedOut' class='d-flex flex-row gap-2'>
<a href="/login" class="nav-link" data-link>Login</a>
<a href="/register" class="nav-link" data-link>Register</a>
</div>
<div id='navbarLoggedIn' class='d-flex flex-row gap-2 d-none'>
<a href="/me" class="nav-link" data-link>My Profile</a>
<a href="/logout" class="nav-link" data-link>Logout</a>
</div>
</div>
</div>
</nav>