Added consturct for brand iamge

Author: linkdotnet

src/LinkDotNet.Blog.Web/AppConfiguration.cs

@@ -7,7 +7,6 @@ public record AppConfiguration
 {
     public string BlogName { get; init; }
 
-
     public string BlogBrandUrl { get; init; }
 
     public string LinkedinAccountUrl { get; init; }

src/LinkDotNet.Blog.Web/Shared/MainLayout.razor

@@ -6,9 +6,7 @@
     <NavMenu/>
 
     <main>
-        <div class="page">
-            @Body
-        </div>
+        @Body
     </main>
 </div>
 <Footer></Footer>

src/LinkDotNet.Blog.Web/Shared/NavMenu.razor

@@ -2,9 +2,20 @@
 @inject NavigationManager navigationManager
 @implements IDisposable
 
-<nav class="navbar navbar-expand-lg position-absolute navbar-background inverted-colors navbar-dark" style="width: 100%">
+<nav class="navbar navbar-expand-lg navbar-background inverted-colors navbar-dark w-100">
     <div class="container-fluid">
-        <a class="nav-brand barcode ms-5" href="/">@configuration.BlogName</a>
+        @if (configuration.BlogBrandUrl != null)
+        {
+            <a class="nav-brand barcode ms-5" href="/">
+                <img style="max-height: 110px;"
+                     src="@configuration.BlogBrandUrl.ToAbsoluteUrl(navigationManager.BaseUri)"
+                     alt="brand" />
+            </a>
+        }
+        else
+        {
+            <a class="nav-brand barcode ms-5" href="/">@configuration.BlogName</a>
+        }
         <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
@@ -13,23 +24,26 @@
                 <li class="nav-item active"><a class="nav-link" href="/">Home</a></li>
                 @if (configuration.HasLinkedinAccount)
                 {
-                    <li class="nav-item"><a class="nav-link" target="_blank" href="@configuration.LinkedinAccountUrl"><i 
-                                                                                                                          class="fab fa-linkedin"></i>
-                        LinkedIn</a></li>
+                    <li class="nav-item">
+                        <a class="nav-link" target="_blank" href="@configuration.LinkedinAccountUrl">
+                            <i
+                                class="fab fa-linkedin"></i>
+                            LinkedIn</a></li>
                 }
                 @if (configuration.HasGithubAccount)
                 {
-                    <li class="nav-item"><a class="nav-link" target="_blank" href="@configuration.GithubAccountUrl"><i class="fab 
-                    fa-github"></i> 
-                        Github</a></li>
+                    <li class="nav-item">
+                        <a class="nav-link" target="_blank" href="@configuration.GithubAccountUrl"><i class="fab
+                    fa-github"></i>
+                            Github</a></li>
                 }
                 @if (configuration.IsAboutMeEnabled)
                 {
                     <li class="nav-item">
                         <a class="nav-link" href="AboutMe"><i class="far fa-address-card"></i> About
                             me</a></li>
                 }
-                
+
                 <AccessControl CurrentUri="@currentUri"></AccessControl>
                 <li class="nav-item d-flex">
                     <SearchInput SearchEntered="NavigateToSearchPage"></SearchInput>

src/LinkDotNet.Blog.Web/wwwroot/css/basic.css

@@ -145,10 +145,6 @@ section {
     padding-bottom: 10px;
 }
 
-.page {
-    padding-top: 88px;
-}
-
 .table th {
     background: var(--button-primary-color);
     color: var(--white);