arno/trezor-wallet
1
0
Fork 0
mirror of https://github.com/trezor/trezor-wallet synced 2025-06-02 06:08:47 +00:00
Code Issues Releases Wiki Activity

set margin on loader not title

Browse Source
This commit is contained in:
slowbackspace 2019-04-08 18:30:37 +02:00
parent 8dd3f95f1f
commit 732c767ea3
1 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/views/Wallet/components/Content/index.js
View File

@ -40,11 +40,14 @@ const Loading = styled.div`
flex-direction: column; flex-direction: column;
`; `;
const LoaderWrapper = styled.div`
margin-right: 10px;
`;
const Title = styled(H4)` const Title = styled(H4)`
font-size: ${FONT_SIZE.BIGGER}; font-size: ${FONT_SIZE.BIGGER};
font-weight: ${FONT_WEIGHT.NORMAL}; font-weight: ${FONT_WEIGHT.NORMAL};
color: ${props => (props.type === 'progress' ? colors.TEXT_SECONDARY : '')}; color: ${props => (props.type === 'progress' ? colors.TEXT_SECONDARY : '')};
margin-left: 10px;
text-align: center; text-align: center;
padding: 0; padding: 0;
`; `;
@ -80,7 +83,11 @@ const Content = ({ className, children, isLoading = false, loader, exceptionPage
{isLoading && loader && ( {isLoading && loader && (
<Loading> <Loading>
<Row> <Row>
{loader.type === 'progress' && <Loader size={30} />} {loader.type === 'progress' && (
<LoaderWrapper>
<Loader size={30} />
</LoaderWrapper>
)}
<Title type={loader.type}> <Title type={loader.type}>
{loader.title || ( {loader.title || (
<FormattedMessage {...l10nMessages.TR_INITIALIZING_ACCOUNTS} /> <FormattedMessage {...l10nMessages.TR_INITIALIZING_ACCOUNTS} />