mikeconrad/blog
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add initial width and height

Browse Source
This commit is contained in:
prototypa
2022-11-24 13:57:21 -05:00
parent d37b2c1eab
commit 02c9282cf2
2 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/blog/SinglePost.astro
View File

@ -28,7 +28,10 @@ const { post, url } = Astro.props;
widths={[400, 900]} widths={[400, 900]}
sizes="(max-width: 900px) 400px, 900px" sizes="(max-width: 900px) 400px, 900px"
alt={post.description} alt={post.description}
aspectRatio="16:9" loading="eager"
aspectRatio={16/9}
width={900}
height={506}
/> />
) : ( ) : (
<div class="max-w-3xl mx-auto px-4 sm:px-6"> <div class="max-w-3xl mx-auto px-4 sm:px-6">
@ -47,7 +50,7 @@ const { post, url } = Astro.props;
<SocialShare <SocialShare
url={url} url={url}
text={post.title} text={post.title}
class="mt-5 sm:mt-1 align-middle text-gray-400 dark:text-slate-600" class="mt-5 sm:mt-1 align-middle text-gray-500 dark:text-slate-600"
/> />
</div> </div>
</article> </article>

4
src/components/widgets/Hero.astro
View File

@ -51,8 +51,10 @@ import { Picture } from '@astrojs/image/components'
widths={[400, 768, 1480]} widths={[400, 768, 1480]}
sizes="(max-width: 767px) 400px, (max-width: 1479px) 768px, 1480px" sizes="(max-width: 767px) 400px, (max-width: 1479px) 768px, 1480px"
alt="Hero Image" alt="Hero Image"
aspectRatio="16:9" aspectRatio={1480/833}
loading="eager" loading="eager"
width={1480}
height={833}
/> />
</div> </div>
</div> </div>