acid-info
/
logos-press-engine
mirror of https://github.com/acid-info/logos-press-engine.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix: fix image ratio for small sized PostCard

This commit is contained in:
Hossein Mehrabi 2024-01-30 15:27:09 +03:30
parent c2c5650a62
commit 22b780f54c
No known key found for this signature in database
GPG Key ID: 45C04964191AFAA1
1 changed files with 18 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/PostCard/PostCard.tsx
View File

@ -213,6 +213,24 @@ PostCard.styles = {
margin-top: var(--lsd-spacing-16); margin-top: var(--lsd-spacing-16);
} }
.post-card__cover-image {
& > div {
padding-top: calc(9 / 16 * 100%) !important;
& > div {
width: 100%;
height: 100%;
}
& > div > img {
width: 100% !important;
height: 100% !important;
object-fit: cover;
object-position: center center;
}
}
}
`, `,
medium: (theme: Theme) => css` medium: (theme: Theme) => css`
padding-bottom: var(--lsd-spacing-8); padding-bottom: var(--lsd-spacing-8);