diff options
Diffstat (limited to 'examples/blog/src/components/AuthorCard.astro')
| -rw-r--r-- | examples/blog/src/components/AuthorCard.astro | 31 |
1 files changed, 31 insertions, 0 deletions
diff --git a/examples/blog/src/components/AuthorCard.astro b/examples/blog/src/components/AuthorCard.astro new file mode 100644 index 000000000..46ff504f7 --- /dev/null +++ b/examples/blog/src/components/AuthorCard.astro @@ -0,0 +1,31 @@ +--- +export let author; +--- + +<style lang="scss"> +.card { + display: flex; + align-items: center; +} + +.avatar { + width: 1.5rem; + height: 1.5rem; + margin-right: 0.5rem; + object-fit: cover; + border-radius: 50%; + overflow: hidden; + + img { + width: 100%; + height: 100%; + } +} +</style> + +<div class="card"> + <div class="avatar"> + <img class="avatar" src={author.img} alt={author.name} /> + </div> + {author.name} +</div> |