~jpgleeson/caintCasaDashboard

3cd17b0af763ff8438d072f5a1d145ab1d940669 — Jack Gleeson 3 months ago abef73b
Menu bar layout

Rationalising and cleaning this up. Centring the menu items and fixing the issue on smaller screen widths where items would show below the line.
2 files changed, 12 insertions(+), 12 deletions(-)

M Pages/Shared/_LoginPartial.cshtml
M wwwroot/css/site.css
M Pages/Shared/_LoginPartial.cshtml => Pages/Shared/_LoginPartial.cshtml +4 -8
@@ 5,15 5,11 @@

@if (SignInManager.IsSignedIn(User))
{
    <div class="navbarRightFloat">
        <a class="nav-link" id="manage" asp-area="Identity" asp-page="/Account/Manage/Index"><div class ="headerTitle">@UserManager.GetUserName(User)</div></a>
        <a class="nav-link" id="logout" asp-area="Identity" asp-page="/Account/Logout" asp-route-returnURL="@Url.Page("Index", new {area = "" })"><div class ="headerTitle">Logout</div></a>
    </div>
    <a class="nav-link" id="manage" asp-area="Identity" asp-page="/Account/Manage/Index"><div class ="headerTitle">@UserManager.GetUserName(User)</div></a>
    <a class="nav-link" id="logout" asp-area="Identity" asp-page="/Account/Logout" asp-route-returnURL="@Url.Page("Index", new {area = "" })"><div class ="headerTitle">Logout</div></a>
}
else
{
    <div class="navbarRightFloat">
        <a class="nav-link" id="register" asp-area="Identity" asp-page="/Account/Register"><div class ="headerTitle">Register</div></a>
        <a class="nav-link" id="login" asp-area="Identity" asp-page="/Account/Login"><div class ="headerTitle">Login</div></a>
    </div>
    <a class="nav-link" id="register" asp-area="Identity" asp-page="/Account/Register"><div class ="headerTitle">Register</div></a>
    <a class="nav-link" id="login" asp-area="Identity" asp-page="/Account/Login"><div class ="headerTitle">Login</div></a>
}
\ No newline at end of file

M wwwroot/css/site.css => wwwroot/css/site.css +8 -4
@@ 123,17 123,15 @@ button:hover, input[type="submit"]:hover{
}

.full-width-Header{
  margin-bottom: 1em;
  padding-bottom: 1em;
  width: 100%;
  height: 2em;
  border-bottom: 2px solid lightcoral;
}

.nav-link{
  display: inline-block;
  padding-left: 5%;
  padding-right: 5%;
  padding-bottom: 5%;
  padding-bottom: 2em;
  color: #555;
}



@@ 145,6 143,12 @@ button:hover, input[type="submit"]:hover{
  padding-left: 5%;
}

.centreLeft {
	margin-left: 20%;
	margin-right: 20%;
	display: block;
}

.centreBit{
  padding-left: 20%;
  padding-right: 20%;