evo/EvoCalculator
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix logo on mobile

Browse Source
This commit is contained in:
Владислав Чикалкин 2020-09-25 13:13:31 +03:00
parent 7b7dfcf1b9
commit 7d672342ff
2 changed files with 14 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/client/Elements/Text.jsx
View File

@ -1,20 +1,5 @@
import styled from 'styled-components';
import { Flex } from 'client/UIKit/grid';
import colors from 'client/UIKit/colors';
import mq from 'client/UIKit/mq';
export const LogoText = styled.h3`
margin: 0;
margin-bottom: 3%;
text-transform: uppercase;
color: white;
font-size: 1.12rem;
${mq.desktop`
font-size: 1.2rem;
`}
font-weight: 300;
letter-spacing: 2px;
`;
import styled from 'styled-components';
export const PrimaryText = styled.p`
font-size: 0.95rem;

14
src/client/Layout/index.jsx
View File

@ -1,5 +1,4 @@
import paths from 'client/common/paths';
import { LogoText } from 'client/Elements/Text';
import colors from 'client/UIKit/colors';
import { Box, Flex } from 'client/UIKit/grid';
import mq from 'client/UIKit/mq';
@ -27,6 +26,19 @@ const HeaderContent = styled(Flex)`
`}
`;
const LogoText = styled.h3`
margin: 0;
margin-bottom: 3%;
text-transform: uppercase;
color: white;
font-size: 1rem;
${mq.desktop`
font-size: 1.2rem;
`}
font-weight: 300;
letter-spacing: 2px;
`;
const Header = () => (
<header style={styles.header}>
<HeaderContent style={styles.headerContent} alignItems="center">