Make them corners beatiful

This commit is contained in:
Jarkko Toivanen 2024-09-29 00:18:04 +03:00
parent 4a89a35984
commit 1a8e913f28
Signed by: jt
GPG key ID: 9151B109B73ECAD5
2 changed files with 28 additions and 2 deletions

View file

@ -79,8 +79,11 @@ $posts = array_reverse($database->getPosts());
//var_dump($posts); //var_dump($posts);
foreach($posts as $post) { foreach($posts as $post) {
echo '<div class="post">'; echo '<div class="post">';
echo '<div class="postinfo">';
echo '<strong>' . $post["user.name"] . '</strong>'; echo '<strong>' . $post["user.name"] . '</strong>';
echo '<br><small>@' . $post["user.handle"] . '</small>'; echo '<br><small>@' . $post["user.handle"] . '</small>';
echo '</div>';
echo '<p>' . $post["post.text"] . '</p>'; echo '<p>' . $post["post.text"] . '</p>';
echo '<hr><small>' . date("D j.n.Y \@ G:i", $post["post.time"]) . '</small>'; echo '<hr><small>' . date("D j.n.Y \@ G:i", $post["post.time"]) . '</small>';
echo ' echo '

View file

@ -62,14 +62,37 @@ hr {
} }
.post { .post {
position: relative;
border-style: solid; border-style: solid;
border-width: 1px; border-width: 1px;
padding: 1rem; padding: 1rem;
margin-top: 1rem; margin-top: 3rem;
border-radius: 1rem; border-radius: 1rem;
} }
.postinfo {
position: absolute;
left: -1px;
top: -2em;
height: 3rem;
min-width: 15rem;
background-color: #ffc000;
color: #000000;
border-radius: 3rem;
border-bottom-left-radius: 0;
padding: .25rem;
padding-left: 1rem;
padding-right: 1rem;
text-wrap: nowrap;
}
.postactions { .postactions {
float: right; /*float: right;*/
position: absolute;
background-color: #ffc000;
padding: .25rem;
border-radius: 2rem;
border-top-right-radius: 0;
right: -1px;
bottom: -1rem;
} }
.reactionaction { .reactionaction {
height: 2rem; height: 2rem;