Dynamic sidebar logo

FoodsharingSiegen.Server/Shared/NavMenu.razor

@@ -1,4 +1,5 @@
 <nav class="flex-column">
+    <div class="nav-logo"></div>
     <div class="nav-item px-3">
         <NavLink class="nav-link" href="profile" Match="NavLinkMatch.All">
             <span class="fas fa-user mr-1" aria-hidden="true" style="font-size: 1.4em;"></span> Profil

FoodsharingSiegen.Server/Shared/NavMenu.razor.css

@@ -8,6 +8,23 @@ nav {
   }
 }
 
+nav .nav-logo {
+  background-image: url(img/logo_text.png);
+  height: 100px;
+  width: 200px;
+  margin: auto;
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+@media screen and (min-width: 992px) {
+  nav .nav-logo {
+    height: 250px;
+    background-image: url(img/logo.png);
+  }
+}
+
 .oi {
   width: 2rem;
   font-size: 1.1rem;

FoodsharingSiegen.Server/Shared/NavMenu.razor.scss

@@ -6,6 +6,21 @@ nav {
     @media screen and (min-width: #{$breakpointM}px) {
         padding: 0;
     }
+    
+    .nav-logo {
+        background-image: url(img/logo_text.png);
+        height: 100px;
+        width: 200px;
+        margin: auto;
+        background-size: contain;
+        background-repeat: no-repeat;
+        background-position: center;
+
+        @media screen and (min-width: #{$breakpointM}px) {
+            height: 250px;
+            background-image: url(img/logo.png);
+        }
+    }
 }
 
 .oi {