Websites/bulletboards
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

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

Browse source
This commit is contained in:
limited_dev 2023-01-27 21:15:50 +01:00
parent f57338ab51
commit bdb2d0a0b5
7 changed files with 65 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
.gitignore vendored
View file

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

7
ImageBoardServerApp/Pages/Index.razor
View file

@ -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;

14
ImageBoardServerApp/Pages/Index.razor.css Normal file
View file

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

6
ImageBoardServerApp/Shared/Components/Comment.razor.css
View file

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

25
ImageBoardServerApp/Shared/Components/Forms/CommentForm.razor
View file

@ -13,16 +13,29 @@
<div class="pd centered">
<span>Comment on @post.Title in /@post.Board/</span>
<div class="pd centered marg">
<RadzenTextBox Placeholder="Username (Anonymous)" MaxLength="15" Change=@(args => OnChange(args, "username")) Class="w-100"/>
</div>
<div class="centered formContent">
<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 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">
<InputFile OnChange="@SingleUpload" type="file" accept="image/*"/>
<RadzenButton class="pd" Click="@onPostClick" Text="Comment!"></RadzenButton>
</div>

17
ImageBoardServerApp/Shared/Components/Forms/CommentForm.razor.css
View file

@ -20,4 +20,21 @@
.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;
}

6
ImageBoardServerApp/Shared/Components/Post.razor.css
View file

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