From a1b7287c9895c3c22fe69034bff2ad793fd2d59c Mon Sep 17 00:00:00 2001 From: Tony Sullivan Date: Mon, 25 Sep 2023 15:38:09 -0500 Subject: [PATCH] bugfix: full width images in card body --- examples/social-feed/src/components/Card.astro | 3 +++ examples/social-feed/src/content/notes/post-5.md | 2 +- 2 files changed, 4 insertions(+), 1 deletion(-) diff --git a/examples/social-feed/src/components/Card.astro b/examples/social-feed/src/components/Card.astro index a8d21f6df..702308e70 100644 --- a/examples/social-feed/src/components/Card.astro +++ b/examples/social-feed/src/components/Card.astro @@ -109,6 +109,9 @@ const postUrl = `/post/${post.slug}/`; .e-content > :global(* + *) { margin-block-start: 1em; } + .e-content :global(:where(img, picture, video)) { + width: 100%; + } footer { display: flex; align-items: center; diff --git a/examples/social-feed/src/content/notes/post-5.md b/examples/social-feed/src/content/notes/post-5.md index f7ff4806b..a5261e6b0 100644 --- a/examples/social-feed/src/content/notes/post-5.md +++ b/examples/social-feed/src/content/notes/post-5.md @@ -4,4 +4,4 @@ pubDate: 2023-01-05 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Pellentesque habitant morbi tristique senectus et netus et. -![../../assets/mechanical-keyboard.png](Mechanical keyboard with LED backlighting) +![Mechanical keyboard with LED backlighting](../../assets/mechanical-keyboard.png)