Damillora/Yuika
1
0
Fork 0
mirror of https://github.com/Damillora/Yuika synced 2024-11-25 18:47:32 +00:00
Code Issues Releases Wiki Activity

Finally fix images

Browse Source
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 { .post-image-box {
@apply relative; @apply relative;
width: 100%; width: 100%;
overflow: hidden;
} }
@screen md { @screen md {
.post-image-box { .post-image-box {
width: 35%; width: 35vw;
min-width: 300px; min-width: 300px;
max-width: 450px; max-width: 450px;
} }

2
partials/post-background.hbs
View File

@ -10,6 +10,7 @@ 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 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. with a `no-image` class so we can style it accordingly.
--}} --}}
<div>
<div class="post-image-box"> <div class="post-image-box">
{{#if feature_image}} {{#if feature_image}}
<img class="post-image" src="{{img_url feature_image size='m'}}"> <img class="post-image" src="{{img_url feature_image size='m'}}">
@ -17,3 +18,4 @@ with a `no-image` class so we can style it accordingly.
<img class="post-image" src="{{img_url @site.cover_image size='m'}}"> <img class="post-image" src="{{img_url @site.cover_image size='m'}}">
{{/if}} {{/if}}
</div> </div>
</div>