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

fix: fix author typography styles

Browse Source
This commit is contained in:
Hossein Mehrabi 2023-08-30 00:05:41 +03:30
parent cf12dfd088
commit 324d0eef04
No known key found for this signature in database
GPG Key ID: 45C04964191AFAA1
1 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/Authors/Author.tsx
View File

@ -12,15 +12,19 @@ const Author = ({
gap?: number gap?: number
}) => ( }) => (
<AuthorInfo key={author.name}> <AuthorInfo key={author.name}>
<Typography variant="body3" component="p" genericFontFamily="sans-serif"> <CustomTypography
variant="body3"
component="p"
genericFontFamily="sans-serif"
>
{author.name} {author.name}
</Typography> </CustomTypography>
{email && {email &&
author.emailAddress && author.emailAddress &&
!AuthorsConfig.hiddenEmailAddresses.includes(author.emailAddress) && ( !AuthorsConfig.hiddenEmailAddresses.includes(author.emailAddress) && (
<Typography <Typography
href={`mailto:${author.emailAddress}`} href={`mailto:${author.emailAddress}`}
variant="body3" variant="label2"
component="a" component="a"
genericFontFamily="sans-serif" genericFontFamily="sans-serif"
> >
@ -33,7 +37,10 @@ const Author = ({
const AuthorInfo = styled.div` const AuthorInfo = styled.div`
display: flex; display: flex;
flex-direction: column; flex-direction: column;
text-transform: capitalize; `
const CustomTypography = styled(Typography)`
text-transform: capitalized;
` `
export default Author export default Author