Infrastructure/astro
0
Fork 0
mirror of https://github.com/withastro/astro.git synced 2024-12-23 21:53:55 -05:00
Code Issues Activity

feat: update social image

Browse source
This commit is contained in:
Nate Moore 2021-06-08 14:18:39 -05:00
parent aae8c6b9e7
commit 99cda26a60
1 changed files with 2 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
www/src/components/BlogPost.astro
View file

@ -11,7 +11,7 @@ export let heroImage: string;
<article class="content"> <article class="content">
<div> <div>
<header> <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> <p class="publish-date">{publishDate}</p>
<h1 class="title">{title}</h1> <h1 class="title">{title}</h1>
<Author authorId={author} /> <Author authorId={author} />
@ -24,11 +24,7 @@ export let heroImage: string;
<style> <style>
.hero-image { .hero-image {
width: 100vw; width: 100%;
min-height: 320px;
height: 60vh;
max-height: 480px;
object-position: bottom center;
object-fit: cover; object-fit: cover;
margin-bottom: 4rem; margin-bottom: 4rem;
} }