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

feat: improved visuals

Browse source 
Signed-off-by: limited_dev <loginakkisativ@gmail.com>
This commit is contained in:
limited_dev 2023-06-07 14:46:39 +02:00
parent 94a705b840
commit 1524d12647
8 changed files with 318 additions and 175 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -5,9 +5,9 @@
@inject IWebHostEnvironment env
@inject AuthenticationStateProvider authStateProvider
<div>
<div class="toggler">
<span>[</span>
<a class="toggleOpened" onclick="@ToggleOpened">@toggleText</a>
<button onclick="@ToggleOpened">@toggleText</button>
<span>]</span>
</div>
@if (opened)

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

@ -41,4 +41,24 @@
.postError{
color: #ff191c;
}
.toggler button{
color: white;
padding: 4px 8px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
transition-duration: 0.4s;
cursor: pointer;
border-radius: 3px;
background-color: #433F6B;
border: none;
}
.toggler button:hover{
background-color: #0de873;
color: black;
}

4
ImageBoardServerApp/Shared/Components/Forms/PostForm.razor
View file

@ -6,9 +6,9 @@
@inject IWebHostEnvironment env
@inject AuthenticationStateProvider authStateProvider
<div>
<div class="toggler">
<span>[</span>
<a class="toggleOpened" onclick="@ToggleOpened">@toggleText</a>
<button onclick="@ToggleOpened">@toggleText</button>
<span>]</span>
</div>
@if (opened)

20
ImageBoardServerApp/Shared/Components/Forms/PostForm.razor.css
View file

@ -41,4 +41,24 @@
.postError{
color: #ff191c;
}
.toggler button{
color: white;
padding: 4px 8px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
transition-duration: 0.4s;
cursor: pointer;
border-radius: 3px;
background-color: #433F6B;
border: none;
}
.toggler button:hover{
background-color: #0de873;
color: black;
}