acid-info/logos-press-engine
1
0
Fork 0
mirror of https://github.com/acid-info/logos-press-engine.git synced 2025-02-23 14:48:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

update post responsive css

Browse Source
This commit is contained in:
jinhojang6 2023-05-15 22:55:18 +09:00
parent 9d7a94305e
commit 896ba7c1da
No known key found for this signature in database
GPG Key ID: 174E6BE4D37C8295
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/Post/Post.tsx
View File

@ -112,6 +112,7 @@ export default function Post({
<CustomTypography
variant={size === PostSize.SMALL ? 'h4' : 'h1'}
genericFontFamily="serif"
component="h2"
>
{title}
</CustomTypography>
@ -237,9 +238,13 @@ const TitleLink = styled(Link)`
`
const HeaderContainer = styled(CustomTypography)<{ isFeatured: boolean }>`
margin-right: ${({ isFeatured }) => (isFeatured ? '178px' : '0px')};
@media (min-width: 768px) {
margin-right: ${({ isFeatured }) => (isFeatured ? '178px' : '0px')};
}
`
const Description = styled(CustomTypography)<{ isFeatured: boolean }>`
margin-right: ${({ isFeatured }) => (isFeatured ? '178px' : '0px')};
@media (min-width: 768px) {
margin-right: ${({ isFeatured }) => (isFeatured ? '178px' : '0px')};
}
`