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

fix: fix the font size of episode page's title; refs #180

Browse Source
This commit is contained in:
Hossein Mehrabi 2023-09-05 18:57:38 +03:30
parent 018965c572
commit a6394bbedd
No known key found for this signature in database
GPG Key ID: 45C04964191AFAA1
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/Episode/Header/Episode.Header.tsx
View File

@ -5,6 +5,7 @@ import styled from '@emotion/styled'
import Image from 'next/image' import Image from 'next/image'
import Link from 'next/link' import Link from 'next/link'
import { LPE } from '../../../types/lpe.types' import { LPE } from '../../../types/lpe.types'
import { lsdUtils } from '../../../utils/lsd.utils'
import { getPostLink } from '../../../utils/route.utils' import { getPostLink } from '../../../utils/route.utils'
import EpisodeStats from '../Episode.Stats' import EpisodeStats from '../Episode.Stats'
import EpisodeChannels from './Episode.Channels' import EpisodeChannels from './Episode.Channels'
@ -37,7 +38,7 @@ const EpisodeHeader = ({
coverImage={coverImage} coverImage={coverImage}
/> />
<EpisodeStats date={date} duration={duration} /> <EpisodeStats date={date} duration={duration} />
<EpisodeTitle variant="h1" genericFontFamily="serif" component="h1"> <EpisodeTitle variant="h2" genericFontFamily="serif" component="h1">
{title} {title}
</EpisodeTitle> </EpisodeTitle>
{show && ( {show && (
@ -75,10 +76,10 @@ const CustomTypography = styled(Typography)`
const EpisodeTitle = styled(Typography)` const EpisodeTitle = styled(Typography)`
margin-bottom: 16px; margin-bottom: 16px;
@media (max-width: 768px) {
${(props) => lsdUtils.breakpoint(props.theme, 'sm', 'down')} {
margin-bottom: 8px; margin-bottom: 8px;
font-size: var(--lsd-h4-fontSize) !important; ${lsdUtils.typography('h4')}
line-height: var(--lsd-h4-lineHeight) !important;
} }
` `