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

fix: fix the podcasts page's episodes layout on tablet

Browse Source
This commit is contained in:
Hossein Mehrabi 2023-09-05 19:51:35 +03:30
parent 753454ab84
commit 2140a8a6ca
No known key found for this signature in database
GPG Key ID: 45C04964191AFAA1
2 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -236,6 +236,12 @@ PostCard.styles = {
.post-card__title-text { .post-card__title-text {
${lsdUtils.typography('h6')} ${lsdUtils.typography('h6')}
} }
${lsdUtils.breakpoint(theme, 'md', 'down')} {
.post-card__title-text {
${lsdUtils.typography('h5')}
}
}
`, `,
small: (theme: Theme) => css` small: (theme: Theme) => css`
.post-card__title-text { .post-card__title-text {

4
src/containers/PodcastsContainer.tsx
View File

@ -67,11 +67,11 @@ const PodcastsContainer = (props: Props) => {
}, },
{ {
breakpoint: 'sm', breakpoint: 'sm',
pattern: [{ cols: 2, size: 'small' }], pattern: [{ cols: 4, size: 'xsmall' }],
}, },
{ {
breakpoint: 'md', breakpoint: 'md',
pattern: [{ cols: 2, size: 'small' }], pattern: [{ cols: 4, size: 'xsmall' }],
}, },
]} ]}
/> />