davejansen/Ghost-Theme-Source
1
0
Fork 0
Code Issues Pull Requests Activity

Fixed pixelated feature image issue

Browse Source
This commit is contained in:
Sodbileg Gansukh
2024-07-16 15:31:20 +08:00
parent 4af74269c7
commit 3e765a1c43
1 changed files with 10 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
partials/feature-image.hbs
View File

@@ -1,13 +1,15 @@
{{#if feature_image}} {{#if feature_image}}
<figure class="gh-article-image"> <figure class="gh-article-image">
<picture> <img
<source srcset="{{img_url feature_image size="xxl"}}" media="(min-width: 2000px)"> srcset="{{img_url feature_image size="s"}} 320w,
<source srcset="{{img_url feature_image size="xl"}}" media="(min-width: 1200px)"> {{img_url feature_image size="m"}} 600w,
<source srcset="{{img_url feature_image size="l"}}" media="(min-width: 960px)"> {{img_url feature_image size="l"}} 960w,
<source srcset="{{img_url feature_image size="m"}}" media="(min-width: 600px)"> {{img_url feature_image size="xl"}} 1200w,
<source srcset="{{img_url feature_image size="s"}}" media="(min-width: 320px)"> {{img_url feature_image size="xxl"}} 2000w"
<img src="{{img_url feature_image size="xl"}}" alt="{{title}}"> sizes="(max-width: 1200px) 100vw, 1120px"
</picture> src="{{img_url feature_image size="xl"}}"
alt="{{title}}"
>
{{#if feature_image_caption}} {{#if feature_image_caption}}
<figcaption>{{feature_image_caption}}</figcaption> <figcaption>{{feature_image_caption}}</figcaption>
{{/if}} {{/if}}