acid-info/logos-press-engine
1
0
Fork 0
mirror of https://github.com/acid-info/logos-press-engine.git synced 2025-02-22 22:28:19 +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 Link from 'next/link'
import { LPE } from '../../../types/lpe.types'
import { lsdUtils } from '../../../utils/lsd.utils'
import { getPostLink } from '../../../utils/route.utils'
import EpisodeStats from '../Episode.Stats'
import EpisodeChannels from './Episode.Channels'
@ -37,7 +38,7 @@ const EpisodeHeader = ({
coverImage={coverImage}
/>
<EpisodeStats date={date} duration={duration} />
<EpisodeTitle variant="h1" genericFontFamily="serif" component="h1">
<EpisodeTitle variant="h2" genericFontFamily="serif" component="h1">
{title}
</EpisodeTitle>
{show && (
@ -75,10 +76,10 @@ const CustomTypography = styled(Typography)`
const EpisodeTitle = styled(Typography)`
margin-bottom: 16px;
@media (max-width: 768px) {
${(props) => lsdUtils.breakpoint(props.theme, 'sm', 'down')} {
margin-bottom: 8px;
font-size: var(--lsd-h4-fontSize) !important;
line-height: var(--lsd-h4-lineHeight) !important;
${lsdUtils.typography('h4')}
}
`