Fix mobile image display
This commit is contained in:
parent
85a5bde512
commit
ca908fdf0f
@ -15,7 +15,7 @@
|
|||||||
</h3>
|
</h3>
|
||||||
</a>
|
</a>
|
||||||
<time class="postlist-date" datetime="{{ post.date | htmlDateString }}">{{ post.date | readableDate("LLLL yyyy") }}</time>
|
<time class="postlist-date" datetime="{{ post.date | htmlDateString }}">{{ post.date | readableDate("LLLL yyyy") }}</time>
|
||||||
{% if post.data.synopsis %}<p>{{ post.data.synopsis | truncate(110) | safe }}</p>{% else %}{{ post.content | truncate(140) | safe }}{% endif %}
|
{% if post.data.synopsis %}<p>{{ post.data.synopsis | truncate(200) | safe }}</p>{% else %}{{ post.content | truncate(140) | safe }}{% endif %}
|
||||||
</div>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
@ -74,9 +74,9 @@
|
|||||||
:root {
|
:root {
|
||||||
/* Font Sizes */
|
/* Font Sizes */
|
||||||
--font-xxl: 2.25rem;
|
--font-xxl: 2.25rem;
|
||||||
--font-xl: 1.25rem;
|
--font-xl: 1.5rem;
|
||||||
--font-l: 1.25rem;
|
--font-l: 1.5rem;
|
||||||
--font-n: .95rem;
|
--font-n: 1rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -510,18 +510,20 @@ h2 + .header-anchor {
|
|||||||
}
|
}
|
||||||
.postlist-item {
|
.postlist-item {
|
||||||
flex-flow: column wrap;
|
flex-flow: column wrap;
|
||||||
|
width: 100%
|
||||||
}
|
}
|
||||||
.postlist-link {
|
.postlist-link {
|
||||||
|
width: 100%;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
.post-image {
|
.post-image {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: auto;
|
min-width: 100%;
|
||||||
}
|
}
|
||||||
.post-image-container {
|
.post-image-container {
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
height: 10em;
|
max-height: 10em;
|
||||||
min-width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
.post-metadata {
|
.post-metadata {
|
||||||
margin-bottom: var(--single-gap);
|
margin-bottom: var(--single-gap);
|
||||||
|
Loading…
x
Reference in New Issue
Block a user