1
0
mirror of https://github.com/trezor/trezor-wallet synced 2024-11-28 03:08:30 +00:00

More css fixes

This commit is contained in:
Vladimir Volek 2018-10-09 13:55:17 +02:00
parent 3a01dc50f3
commit 8c0d889536

View File

@ -22,6 +22,8 @@ const Header = styled.div`
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
color: ${colors.TEXT_PRIMARY};
`; `;
const StyledHeading = styled(H3)` const StyledHeading = styled(H3)`
@ -99,13 +101,17 @@ class WalletType extends Component<Props> {
<Wrapper> <Wrapper>
{ device.state && ( { device.state && (
<StyledLink onClick={onCancel}> <StyledLink onClick={onCancel}>
<Icon size={20} color={colors.TEXT_SECONDARY} icon={icons.CLOSE} /> <Icon
size={20}
color={colors.TEXT_SECONDARY}
icon={icons.CLOSE}
/>
</StyledLink> </StyledLink>
)} )}
<StyledHeading>Change wallet type for { device.instanceLabel }</StyledHeading> <StyledHeading>Change wallet type for { device.instanceLabel }</StyledHeading>
<Content isTop> <Content isTop>
<Header> <Header>
<WalletTypeIcon type="standard" size={24} color={colors.TEXT_SECONDARY} /> <WalletTypeIcon type="standard" size={32} color={colors.TEXT_PRIMARY} />
Standard Wallet Standard Wallet
</Header> </Header>
<P isSmaller>Continue to access your standard wallet.</P> <P isSmaller>Continue to access your standard wallet.</P>
@ -121,14 +127,14 @@ class WalletType extends Component<Props> {
<StyledIcon <StyledIcon
icon={icons.HELP} icon={icons.HELP}
color={colors.TEXT_SECONDARY} color={colors.TEXT_SECONDARY}
size={24} size={26}
/> />
</Tooltip> </Tooltip>
<Header> <Header>
<WalletTypeIcon <WalletTypeIcon
type="hidden" type="hidden"
size={24} size={32}
color={colors.TEXT_SECONDARY} color={colors.TEXT_PRIMARY}
/> />
Hidden Wallet Hidden Wallet
</Header> </Header>