diff options
| author |  Nate Moore <nate@skypack.dev>
| 2021-06-08 14:18:39 -0500 |
|---|---|---|
| committer | Nate Moore <nate@skypack.dev>
| 2021-06-08 14:28:24 -0500 |
| commit | 99cda26a60bf63f59ba76f0db84736b0f61aea85 (patch) | |
| tree | c55f26477d65750b791d5281e53f52b18eabebdb /www/src/components/BlogPost.astro | |
| parent | aae8c6b9e7ddfe2735907f1575178ad1de700ebd (diff) | |
| download | astro-99cda26a60bf63f59ba76f0db84736b0f61aea85.tar.gz astro-99cda26a60bf63f59ba76f0db84736b0f61aea85.tar.zst astro-99cda26a60bf63f59ba76f0db84736b0f61aea85.zip | |
feat: update social image
Diffstat (limited to 'www/src/components/BlogPost.astro')
| -rw-r--r-- | www/src/components/BlogPost.astro | 8 |
1 files changed, 2 insertions, 6 deletions
diff --git a/www/src/components/BlogPost.astro b/www/src/components/BlogPost.astro index 0f43f00d9..77fa75f3f 100644 --- a/www/src/components/BlogPost.astro +++ b/www/src/components/BlogPost.astro @@ -11,7 +11,7 @@ export let heroImage: string; <article class="content"> <div> <header> - {heroImage && <img width="1600" height="480" class="hero-image" loading="lazy" src={heroImage} />} + {heroImage && <img width="720" height="360" class="hero-image" loading="lazy" src={heroImage} />} <p class="publish-date">{publishDate}</p> <h1 class="title">{title}</h1> <Author authorId={author} /> @@ -24,11 +24,7 @@ export let heroImage: string; <style> .hero-image { - width: 100vw; - min-height: 320px; - height: 60vh; - max-height: 480px; - object-position: bottom center; + width: 100%; object-fit: cover; margin-bottom: 4rem; } |