smaller warn icon in NoBackup

pull/460/head
slowbackspace 5 years ago
parent 95b562c76c
commit 0ba89f3f5d

@ -91,7 +91,6 @@ const Dot = styled.div`
height: 10px; height: 10px;
`; `;
const DeviceHeader = ({ const DeviceHeader = ({
isOpen, isOpen,
icon, icon,

@ -67,7 +67,7 @@ const Confirmation = (props: Props) => (
<Icon size={12} color={colors.TEXT_SECONDARY} icon={icons.CLOSE} /> <Icon size={12} color={colors.TEXT_SECONDARY} icon={icons.CLOSE} />
</StyledLink> </StyledLink>
<H5>Your Trezor is not backed up</H5> <H5>Your Trezor is not backed up</H5>
<Icon size={48} color={colors.WARNING_PRIMARY} icon={icons.WARNING} /> <Icon size={32} color={colors.WARNING_PRIMARY} icon={icons.WARNING} />
<StyledP size="small"> <StyledP size="small">
If your device is ever lost or damaged, your funds will be lost. Backup your device If your device is ever lost or damaged, your funds will be lost. Backup your device
first, to protect your coins against such events. first, to protect your coins against such events.

@ -36,9 +36,13 @@ const Message = styled.div`
padding: 0 0 15px 0; padding: 0 0 15px 0;
`; `;
const StyledIcon = styled(Icon)`
margin-bottom: 15px;
`;
const FirmwareUpdate = (props: Props) => ( const FirmwareUpdate = (props: Props) => (
<Wrapper> <Wrapper>
<Icon size={128} color={colors.WARNING_PRIMARY} icon={icons.WARNING} /> <StyledIcon size={64} color={colors.WARNING_PRIMARY} icon={icons.WARNING} />
<StyledH>Your Trezor is not backed up!</StyledH> <StyledH>Your Trezor is not backed up!</StyledH>
<Message> <Message>
<StyledP> <StyledP>

Loading…
Cancel
Save