Fix title style
This commit is contained in:
parent
02f8685d68
commit
c6cfb50bea
|
|
@ -162,7 +162,7 @@ const Home = ({ offline }) => {
|
|||
<Center>
|
||||
<Logo src={logo} alt="" />
|
||||
</Center>
|
||||
<TitleSmall altChars={/[A-Z]/g.test(t('home:create'))}>{t('home:create')}</TitleSmall>
|
||||
<TitleSmall altChars={/^[A-Za-z ]+$/.test(t('home:create'))}>{t('home:create')}</TitleSmall>
|
||||
<TitleLarge>CRAB FIT</TitleLarge>
|
||||
<Links>
|
||||
<a href="#about">{t('home:nav.about')}</a> / <a href="#donate">{t('home:nav.donate')}</a>
|
||||
|
|
|
|||
|
|
@ -22,6 +22,7 @@ export const TitleSmall = styled.span`
|
|||
text-transform: uppercase;
|
||||
|
||||
${props => !props.altChars && `
|
||||
font-family: sans-serif;
|
||||
font-size: 2rem;
|
||||
font-weight: 600;
|
||||
line-height: 1.2em;
|
||||
|
|
|
|||
Loading…
Reference in a new issue