added temp db files to gitignore, added link to login page to index, changed around the comment form, comments and posts

.gitignore

@@ -2,6 +2,8 @@
 ImageBoardServerApp/bin/
 ImageBoardServerApp/obj/
 *.db
+*.db-shm
+*.db-wal
 Migrations/
 
 ## Ignore Visual Studio temporary files, build results, and

ImageBoardServerApp/Pages/Index.razor

@@ -5,6 +5,13 @@
 <span>This is a simple Imageboard made in Razor.</span>
 <br/>
 <span>We're currently hosting @amountOfPosts Threads with @amountOfComments Comments from @amountOfUsers Users.</span>
+<br/>
+<div class="loginwrapper">
+    <span class="loginlink">If you are a member of the server team please log in</span>
+    <span> </span>
+    <a class="loginlink imblue" href="/login">[here]</a>
+    <span class="loginlink">.</span>
+</div>
 
 @code{
     private int amountOfPosts = -1;

ImageBoardServerApp/Pages/Index.razor.css

@@ -0,0 +1,14 @@
+.loginlink{
+    display: block;
+    font-size: 10px;
+    color: #c6cfd0;
+}
+
+.imblue{
+    color: #0a53be;
+    cursor: pointer;
+}
+
+.loginwrapper{
+    display: flex;
+}

ImageBoardServerApp/Shared/Components/Comment.razor.css

@@ -47,9 +47,9 @@
 }
 
 .threadImage img:hover{
-    transform: scale(3);
+    /*transform: scale(3);*/
-    /*max-width:500px;
+    max-width:500px;
-    width: 100%; */
+    width: 100%;
 }
 
 .threadText{

ImageBoardServerApp/Shared/Components/Forms/CommentForm.razor

@@ -13,16 +13,29 @@
     <div class="pd centered">
         <span>Comment on @post.Title in /@post.Board/</span>
 
-        <div class="pd centered marg"> 
+        <div class="centered formContent">
-            <RadzenTextBox Placeholder="Username (Anonymous)" MaxLength="15" Change=@(args => OnChange(args, "username")) Class="w-100"/>
+            <div>
+                            <div class="pd centered marg">
+                                @if (image != null)
+                                    {
+                                        <img class="formImage" src="@($"data:image/png;base64,{Convert.ToBase64String(image)}")" alt="No Image"/>
+                                    }
+                            </div>
+                            <InputFile OnChange="@SingleUpload" type="file" accept="image/*"/>
+                        </div>
+            
+            <div>
+                <div class="pd centered marg">
+                    <RadzenTextBox Placeholder="Username (Anonymous)" MaxLength="15" Change=@(args => OnChange(args, "username")) Class="w-100"/>
+                </div>
+
+                <div class="pd centered marg">
+                    <RadzenTextArea Placeholder="Comment..." @bind-Value="@postContent" Cols="30" Rows="6" Change=@(args => OnChange(args, "Content")) Class="w-100"/>
+                </div>
+            </div>
         </div>
     
         <div class="pd centered marg">
-            <RadzenTextArea Placeholder="Comment..." @bind-Value="@postContent" Cols="30" Rows="6" Change=@(args => OnChange(args, "Content")) Class="w-100"/>
-        </div>
-    
-        <div class="pd centered marg">
-            <InputFile OnChange="@SingleUpload" type="file" accept="image/*"/>
             <RadzenButton class="pd" Click="@onPostClick" Text="Comment!"></RadzenButton>
         </div>
     

ImageBoardServerApp/Shared/Components/Forms/CommentForm.razor.css

@@ -21,3 +21,20 @@
 .marg{
     margin: 2px
 }
+
+.formImage{
+    margin: 6px;
+    max-width: 200px;
+    max-height: 200px;
+    padding: 5px;
+}
+
+.formImage img{
+    max-width:150px;
+    width: 100%;
+}
+
+.formContent{
+    text-align: left;
+    display: flex;
+}

ImageBoardServerApp/Shared/Components/Post.razor.css

@@ -47,9 +47,9 @@
 }
 
 .threadImage img:hover{
-    transform: scale(3);
+    /*transform: scale(3);*/
-    /*max-width:500px;
+    max-width:500px;
-    width: 100%; */
+    width: 100%;
 }
 
 .threadText{