1
0
mirror of https://github.com/Damillora/Yuika synced 2024-11-05 02:17:32 +00:00

Finally fix images

This commit is contained in:
Damillora 2020-11-11 12:14:57 +07:00
parent 5640e80ce3
commit 6ed7beabf3
2 changed files with 10 additions and 7 deletions

View File

@ -298,10 +298,11 @@ footer {
.post-image-box {
@apply relative;
width: 100%;
overflow: hidden;
}
@screen md {
.post-image-box {
width: 35%;
width: 35vw;
min-width: 300px;
max-width: 450px;
}

View File

@ -10,10 +10,12 @@ If the template in question has a background image, then we render responsive im
for it, and apply those styles to the <header> tag. Else, we just output a <header> tag
with a `no-image` class so we can style it accordingly.
--}}
<div class="post-image-box">
{{#if feature_image}}
<img class="post-image" src="{{img_url feature_image size='m'}}">
{{else}}
<img class="post-image" src="{{img_url @site.cover_image size='m'}}">
{{/if}}
<div>
<div class="post-image-box">
{{#if feature_image}}
<img class="post-image" src="{{img_url feature_image size='m'}}">
{{else}}
<img class="post-image" src="{{img_url @site.cover_image size='m'}}">
{{/if}}
</div>
</div>