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