Add nav for new pages (#16)

Also some misc project tweaks
This commit is contained in:
2021-07-05 22:39:57 -04:00
parent be7a894ff4
commit d1c41d0329
8 changed files with 62 additions and 46 deletions

View File

@@ -15,7 +15,7 @@ else
@code {
[Parameter]
public IList<string> Errors { get; set; } = default!;
public ICollection<string> Errors { get; set; } = default!;
[Parameter]
public RenderFragment ChildContent { get; set; } = default!;

View File

@@ -2,17 +2,9 @@
{
<p>@Message</p>
}
else if (ErrorMessages.Count > 0)
else
{
<p>The following error@(ErrorMessages.Count == 1 ? "" : "s") occurred:</p>
<ul>
@foreach (var msg in ErrorMessages)
{
<li><pre>@msg</pre></li>
}
</ul>
}
else
{
@ChildContent
<ErrorList Errors=@ErrorMessages>
@ChildContent
</ErrorList>
}

View File

@@ -38,12 +38,22 @@
</li>
<li class="nav-item px-3">
<NavLink class="nav-link" href="/citizen/profile">
<span class="oi oi-pencil" aria-hidden="true"></span> Edit Your Profile
<span class="oi oi-pencil" aria-hidden="true"></span> My Profile
</NavLink>
</li>
<li class="nav-item separator px-3">
<NavLink class="nav-link" href="/profile/search">
<span class="oi oi-spreadsheet" aria-hidden="true"></span> View Profiles
</NavLink>
</li>
<li class="nav-item px-3">
<NavLink class="nav-link" href="/profile/search">
<span class="oi oi-spreadsheet" aria-hidden="true"></span> View Profiles
<NavLink class="nav-link" href="/listings/mine">
<span class="oi oi-signpost" aria-hidden="true"></span> My Job Listings
</NavLink>
</li>
<li class="nav-item separator px-3">
<NavLink class="nav-link" href="/listings/search">
<span class="oi oi-excerpt" aria-hidden="true"></span> View Listings
</NavLink>
</li>
<li class="nav-item px-3">
@@ -53,7 +63,7 @@
</li>
<li class="nav-item px-3">
<NavLink class="nav-link" href="/citizen/log-off">
<span class="oi oi-plus" aria-hidden="true"></span> Log Off
<span class="oi oi-account-logout" aria-hidden="true"></span> Log Off
</NavLink>
</li>
}

View File

@@ -50,6 +50,9 @@
color: white;
}
.nav-item.separator {
border-bottom: solid 1px white;
}
@media (min-width: 641px) {
.navbar-toggler {
display: none;