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;
`;
const DeviceHeader = ({
isOpen,
icon,

@ -67,7 +67,7 @@ const Confirmation = (props: Props) => (
<Icon size={12} color={colors.TEXT_SECONDARY} icon={icons.CLOSE} />
</StyledLink>
<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">
If your device is ever lost or damaged, your funds will be lost. Backup your device
first, to protect your coins against such events.

@ -36,9 +36,13 @@ const Message = styled.div`
padding: 0 0 15px 0;
`;
const StyledIcon = styled(Icon)`
margin-bottom: 15px;
`;
const FirmwareUpdate = (props: Props) => (
<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>
<Message>
<StyledP>

Loading…
Cancel
Save