Damillora
/
Yuika
mirror of https://github.com/Damillora/Yuika
1
0
Fork 0
Code Issues Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
assets/css/styles.css
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;
}

14
partials/post-background.hbs
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>