michael/astro
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

bugfix: full width images in card body

Browse source
This commit is contained in:
Tony Sullivan 2023-09-25 15:38:09 -05:00
parent 97ac38e3bb
commit a1b7287c98
2 changed files with 4 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
examples/social-feed/src/components/Card.astro
View file

@ -109,6 +109,9 @@ const postUrl = `/post/${post.slug}/`;
.e-content > :global(* + *) { .e-content > :global(* + *) {
margin-block-start: 1em; margin-block-start: 1em;
} }
.e-content :global(:where(img, picture, video)) {
width: 100%;
}
footer { footer {
display: flex; display: flex;
align-items: center; align-items: center;

2
examples/social-feed/src/content/notes/post-5.md
View file

@ -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. 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)