snuffler/snuffler-web
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Make them corners beatiful

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

3
index.php
View file

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

27
style.css
View file

@ -62,14 +62,37 @@ hr {
}
.post {
position: relative;
border-style: solid;
border-width: 1px;
padding: 1rem;
margin-top: 1rem;
margin-top: 3rem;
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 {
float: right;
/*float: right;*/
position: absolute;
background-color: #ffc000;
padding: .25rem;
border-radius: 2rem;
border-top-right-radius: 0;
right: -1px;
bottom: -1rem;
}
.reactionaction {
height: 2rem;