mirror of
https://github.com/Ellpeck/TinyLifeWeb.git
synced 2024-11-17 17:23:12 +01:00
wrap the devlog image in a div to hopefully make firefox mobile happy
This commit is contained in:
parent
596131e7d8
commit
af011cf1ab
2 changed files with 4 additions and 2 deletions
|
@ -12,7 +12,9 @@
|
|||
{% else %}
|
||||
{% assign url = post.url | append: post.image %}
|
||||
{% endif %}
|
||||
<img src="{{ url }}" class="devlog-image" width="100%" alt="Cover image for post {{ post.title }}">
|
||||
<div class="devlog-image">
|
||||
<img src="{{ url }}" width="100%" alt="Cover image for post {{ post.title }}">
|
||||
</div>
|
||||
{% endif %}
|
||||
<h4 class="devlog-title">{{ post.title }}</h4>
|
||||
<div class="text-muted">{{ post.date | date_to_string }}</div>
|
||||
|
|
|
@ -158,7 +158,7 @@ a:visited.wide-link {
|
|||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.devlog-image {
|
||||
.devlog-image img {
|
||||
max-height: 120px;
|
||||
object-fit: cover;
|
||||
margin-bottom: 10px;
|
||||
|
|
Loading…
Reference in a new issue