Akif9748/akf-forum
Akif9748/akf-forum
1
1
Fork 0
mirror of https://github.com/Akif9748/akf-forum.git synced 2024-11-26 13:20:41 +03:00
Code Issues Projects Releases Packages Wiki Activity

Merge branch 'main' of https://github.com/Akif9748/akf-forum

Browse source
This commit is contained in:
Akif9748 2022-08-31 15:31:33 +03:00
commit 2789428dfd
4 changed files with 76 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
public/css/login.css
View file

@ -7,8 +7,10 @@ form {
display: flex; display: flex;
align-items: center; align-items: center;
flex-direction: column; flex-direction: column;
max-width: 1000px; max-width: 500px;
margin: 0 auto; margin: 0 auto;
width:100%;
padding:8px;
} }
@ -18,7 +20,7 @@ form {
display: block; display: block;
font-weight: 600; font-weight: 600;
color: #4c4c4c; color: #4c4c4c;
width: 500px; width: 100%;
margin-bottom: 10px; margin-bottom: 10px;
border: 2px solid #d9d9d9; border: 2px solid #d9d9d9;
} }

2
public/css/navbar.css
View file

@ -125,7 +125,7 @@ div.avatar {
.box-username { .box-username {
display: flex; display: flex;
align-items: center; justify-content: center;
font-size: 18px; font-size: 18px;
font-weight: 700; font-weight: 700;
color: #4d18e6; color: #4d18e6;

62
public/css/thread.css
View file

@ -138,3 +138,65 @@
margin: 8px; margin: 8px;
cursor: pointer; cursor: pointer;
} }
.dots-menu a:hover:nth-child(1){
color:#e70000}
.dots-menu a:hover:nth-child(2){
color:#4d18e6}
/* Media Query */
@media(max-width:980px){
.message{
margin: 10px 20px;
max-width: 100%;
flex-direction:column;
position:relative;
}
.message .left{
padding: 40px;
border:none;
border-bottom: 2px solid #d9d9d9;
}
.message .left img{
width: 50px;
height: 50px;
border-radius: 50%;
margin-right: 5px;
position: absolute;
left: 20px;
top: 20px;
}
.message .left .username{
position: absolute;
top: 20px;
left: 80px;
}
.message .date:nth-of-type(3){
position: absolute;
right: 20px;
top: 20px;
}
.message .date:nth-of-type(2){
position: absolute;
right: 20px;
top: 40px;
}
.dots{
position: absolute;
right: auto;
top: 70px;
left: 40px;
}
.dots-menu{
position: absolute;
left: 70px;
top: 60px;
width: 120px;
}
.dots-menu.active{
display:flex;
}
}

8
views/thread.ejs
View file

@ -94,8 +94,12 @@
<% if (user){ %> <% if (user){ %>
<div class="message"> <div class="message">
<form id="send"> <form id="send" style="width:100%">
<textarea rows="4" cols="100" name="content"></textarea> <textarea rows="4"
style="
width: 100%;
margin: 10px;
border: 2px solid #e3e3e3;" name="content"></textarea>
<input name="threadID" type="hidden" value="<%= thread.id %>"></input> <input name="threadID" type="hidden" value="<%= thread.id %>"></input>
<input name="page" type="hidden" value="<%= page %>"></input> <input name="page" type="hidden" value="<%= page %>"></input>