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(* + *) {
margin-block-start: 1em;
}
.e-content :global(:where(img, picture, video)) {
width: 100%;
}
footer {
display: flex;
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.
![../../assets/mechanical-keyboard.png](Mechanical keyboard with LED backlighting)
![Mechanical keyboard with LED backlighting](../../assets/mechanical-keyboard.png)