mirror of
https://github.com/trezor/trezor-wallet
synced 2024-12-31 19:30:53 +00:00
fix font weight in Divider to match design guidelines
This commit is contained in:
parent
48d07e1dea
commit
7f07564ab6
@ -3,7 +3,7 @@ import React from 'react';
|
|||||||
import PropTypes from 'prop-types';
|
import PropTypes from 'prop-types';
|
||||||
|
|
||||||
import colors from 'config/colors';
|
import colors from 'config/colors';
|
||||||
import { FONT_SIZE } from 'config/variables';
|
import { FONT_SIZE, FONT_WEIGHT } from 'config/variables';
|
||||||
|
|
||||||
const Wrapper = styled.div`
|
const Wrapper = styled.div`
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -18,13 +18,17 @@ const Wrapper = styled.div`
|
|||||||
`}
|
`}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
const TextLeft = styled.p`
|
||||||
|
font-weight: ${FONT_WEIGHT.MEDIUM};
|
||||||
|
`;
|
||||||
|
|
||||||
const Divider = ({
|
const Divider = ({
|
||||||
textLeft, textRight, hasBorder = false,
|
textLeft, textRight, hasBorder = false,
|
||||||
}) => (
|
}) => (
|
||||||
<Wrapper
|
<Wrapper
|
||||||
hasBorder={hasBorder}
|
hasBorder={hasBorder}
|
||||||
>
|
>
|
||||||
<p>{textLeft}</p>
|
<TextLeft>{textLeft}</TextLeft>
|
||||||
<p>{textRight}</p>
|
<p>{textRight}</p>
|
||||||
</Wrapper>
|
</Wrapper>
|
||||||
);
|
);
|
||||||
|
Loading…
Reference in New Issue
Block a user