feat: added other banners, moved the rendering of board banners to the Board component

ImageBoardServerApp/Pages/Boards/Art.razor

@@ -1,6 +1,5 @@
 @page "/art/"
 
-<img class="banner" src="img/static/banner/mban.png" alt="No Banner found"/>
 <Board board="@m"/>
 
 @code {

ImageBoardServerApp/Pages/Boards/Art.razor.css

@@ -1,7 +0,0 @@
-.banner{
-    justify-content: center;
-    display: block;
-    margin-left: auto;
-    margin-right: auto;
-    width: 50%;
-}

ImageBoardServerApp/Pages/Boards/M.razor

@@ -1,6 +1,5 @@
 @page "/m/"
 
-<img class="banner" src="img/static/banner/mban.png" alt="No Banner found"/>
 <Board board="@m"/>
 
 @code {

ImageBoardServerApp/Pages/Boards/M.razor.css

@@ -1,7 +0,0 @@
-.banner{
-    justify-content: center;
-    display: block;
-    margin-left: auto;
-    margin-right: auto;
-    width: 50%;
-}

ImageBoardServerApp/Pages/Boards/Tec.razor

@@ -1,6 +1,5 @@
 @page "/tec/"
 
-<img class="banner" src="img/static/banner/mban.png" alt="No Banner found"/>
 <Board board="@m"/>
 
 @code {

ImageBoardServerApp/Pages/Boards/Tec.razor.css

@@ -1,7 +0,0 @@
-.banner{
-    justify-content: center;
-    display: block;
-    margin-left: auto;
-    margin-right: auto;
-    width: 50%;
-}

ImageBoardServerApp/Pages/Boards/Vg.razor

@@ -1,6 +1,5 @@
 @page "/vg/"
 
-<img class="banner" src="img/static/banner/mban.png" alt="No Banner found"/>
 <Board board="@m"/>
 
 @code {

ImageBoardServerApp/Pages/Boards/Vg.razor.css

@@ -1,7 +0,0 @@
-.banner{
-    justify-content: center;
-    display: block;
-    margin-left: auto;
-    margin-right: auto;
-    width: 50%;
-}

ImageBoardServerApp/Shared/Components/Board.razor

@@ -2,6 +2,7 @@
 @using ImageBoardServerApp.Data
 @using ImageBoardServerApp.Data.Repository
 
+<img class="banner" src="img/static/banner/@board.Tag ban.png" alt="No Banner found"/>
 <PageTitle>/@board.Tag/ - @board.Topic - BulletBoard</PageTitle>
 
 <AuthorizeView>

ImageBoardServerApp/Shared/Components/Board.razor.css

@@ -4,4 +4,13 @@
 
 .notLoggedIn{
     text-align: center;
+}
+
+.banner{
+    justify-content: center;
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+    max-width: 500px;
+    max-height: 500px;
 }