fix css somewhat

This commit is contained in:
Gvidas Juknevičius 2024-03-30 21:50:42 +02:00
parent 702cf518df
commit e289f38192
Signed by: MCorange
GPG Key ID: 12B1346D720B7FBB
2 changed files with 11 additions and 4 deletions

View File

@ -5,15 +5,22 @@
justify-items: center; justify-items: center;
margin-bottom: 10px; margin-bottom: 10px;
overflow-y: auto; overflow-y: auto;
overflow-x: hidden; overflow-x: hidden;
} }
.post img, .post a { .post-img {
display: block; display: block;
height: 100%; height: 100%;
object-fit: cover; object-fit: cover;
} }
.post-title {
line-height: 140%;
display: block;
height: 20%;
object-fit: cover;
}
.post span { .post span {
display: block; display: block;

View File

@ -23,9 +23,9 @@
<div class="box" id="content-pane"> <div class="box" id="content-pane">
{% for post in posts if posts.len() > 0 %} {% for post in posts if posts.len() > 0 %}
<div class="post"> <div class="post">
<a href="{{post.origin_url}}"><img src="{{post.img_url}}" alt="post img"></a> <a class="post-img" href="{{post.origin_url}}"><img class="post-img" src="{{post.img_url}}" alt="post img"></a>
<span> <span>
<a href="{{post.origin_url}}"><h3>{{post.title}}</h3></a> <a class="post-title" href="{{post.origin_url}}"><h3 class="post-title">{{post.title}}</h3></a>
<p>{{post.descr}}</p> <p>{{post.descr}}</p>
</span> </span>
</div> </div>