mirror of
https://github.com/trezor/trezor-wallet
synced 2025-01-07 06:40:54 +00:00
smaller close button in modals
This commit is contained in:
parent
be88d307ef
commit
ea4dba96ec
@ -75,7 +75,7 @@ const Log = (props: Props): ?React$Element<string> => {
|
||||
return (
|
||||
<Wrapper>
|
||||
<Click onClick={props.toggle}>
|
||||
<Icon size={14} color={colors.INFO_PRIMARY} icon={icons.CLOSE} />
|
||||
<Icon size={12} color={colors.INFO_PRIMARY} icon={icons.CLOSE} />
|
||||
</Click>
|
||||
<H5>
|
||||
<FormattedMessage {...l10nMessages.TR_LOG} />
|
||||
|
@ -134,7 +134,7 @@ class QrModal extends Component<Props, State> {
|
||||
return (
|
||||
<Wrapper>
|
||||
<CloseLink onClick={this.handleCancel}>
|
||||
<Icon size={14} color={colors.TEXT_SECONDARY} icon={icons.CLOSE} />
|
||||
<Icon size={12} color={colors.TEXT_SECONDARY} icon={icons.CLOSE} />
|
||||
</CloseLink>
|
||||
<Padding>
|
||||
<H5>
|
||||
|
@ -64,7 +64,7 @@ const Row = styled.div`
|
||||
const Confirmation = (props: Props) => (
|
||||
<Wrapper>
|
||||
<StyledLink onClick={() => props.onReceiveConfirmation(false)}>
|
||||
<Icon size={14} color={colors.TEXT_SECONDARY} icon={icons.CLOSE} />
|
||||
<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} />
|
||||
|
@ -145,7 +145,7 @@ class ConfirmUnverifiedAddress extends PureComponent<Props> {
|
||||
<Wrapper>
|
||||
<Content>
|
||||
<StyledLink onClick={onCancel}>
|
||||
<Icon size={14} color={colors.TEXT_SECONDARY} icon={icons.CLOSE} />
|
||||
<Icon size={12} color={colors.TEXT_SECONDARY} icon={icons.CLOSE} />
|
||||
</StyledLink>
|
||||
<H5>{deviceStatus}</H5>
|
||||
<StyledP size="small">
|
||||
|
@ -132,7 +132,7 @@ class DuplicateDevice extends PureComponent<Props, State> {
|
||||
return (
|
||||
<Wrapper>
|
||||
<StyledLink onClick={onCancel}>
|
||||
<Icon size={14} color={colors.TEXT_SECONDARY} icon={icons.CLOSE} />
|
||||
<Icon size={12} color={colors.TEXT_SECONDARY} icon={icons.CLOSE} />
|
||||
</StyledLink>
|
||||
<H5>Clone {device.label}?</H5>
|
||||
<StyledP size="small">
|
||||
|
@ -108,7 +108,7 @@ class WalletType extends PureComponent<Props> {
|
||||
<Wrapper>
|
||||
{device.state && (
|
||||
<StyledLink onClick={onCancel}>
|
||||
<Icon size={14} color={colors.TEXT_SECONDARY} icon={icons.CLOSE} />
|
||||
<Icon size={12} color={colors.TEXT_SECONDARY} icon={icons.CLOSE} />
|
||||
</StyledLink>
|
||||
)}
|
||||
<StyledHeading>
|
||||
|
@ -45,7 +45,7 @@ const Img = styled.img`
|
||||
const CardanoWallet = (props: Props) => (
|
||||
<Wrapper>
|
||||
<StyledLink onClick={props.onCancel}>
|
||||
<Icon size={14} color={colors.TEXT_SECONDARY} icon={icons.CLOSE} />
|
||||
<Icon size={12} color={colors.TEXT_SECONDARY} icon={icons.CLOSE} />
|
||||
</StyledLink>
|
||||
<Img src={CardanoImage} />
|
||||
<H5>
|
||||
|
2
src/components/modals/external/Nem/index.js
vendored
2
src/components/modals/external/Nem/index.js
vendored
@ -42,7 +42,7 @@ const Img = styled.img`
|
||||
const NemWallet = (props: Props) => (
|
||||
<Wrapper>
|
||||
<StyledLink onClick={props.onCancel}>
|
||||
<Icon size={14} color={colors.TEXT_SECONDARY} icon={icons.CLOSE} />
|
||||
<Icon size={12} color={colors.TEXT_SECONDARY} icon={icons.CLOSE} />
|
||||
</StyledLink>
|
||||
<H5>
|
||||
<FormattedMessage {...l10nMessages.TR_NEM_WALLET} />
|
||||
|
@ -45,7 +45,7 @@ const Img = styled.img`
|
||||
const StellarWallet = (props: Props) => (
|
||||
<Wrapper>
|
||||
<StyledLink onClick={props.onCancel}>
|
||||
<Icon size={14} color={colors.TEXT_SECONDARY} icon={icons.CLOSE} />
|
||||
<Icon size={12} color={colors.TEXT_SECONDARY} icon={icons.CLOSE} />
|
||||
</StyledLink>
|
||||
<Img src={StellarImage} />
|
||||
<H5>
|
||||
|
@ -41,7 +41,7 @@ const Img = styled.img`
|
||||
const TezosWallet = (props: Props) => (
|
||||
<Wrapper>
|
||||
<StyledLink onClick={props.onCancel}>
|
||||
<Icon size={14} color={colors.TEXT_SECONDARY} icon={icons.CLOSE} />
|
||||
<Icon size={12} color={colors.TEXT_SECONDARY} icon={icons.CLOSE} />
|
||||
</StyledLink>
|
||||
<Img src={TezosImage} />
|
||||
<H5>Tezos wallet</H5>
|
||||
|
@ -91,7 +91,7 @@ const BetaDisclaimer = (props: { close: () => void }) => (
|
||||
/>
|
||||
</StyledP>
|
||||
<StyledP>
|
||||
<StyledIcon size={14} color={colors.WARNING_PRIMARY} icon={icons.WARNING} />
|
||||
<StyledIcon size={12} color={colors.WARNING_PRIMARY} icon={icons.WARNING} />
|
||||
<FormattedMessage
|
||||
{...l10nMessages.TR_PLEASE_NOTE_THAT_THE_TREZOR}
|
||||
values={{
|
||||
|
Loading…
Reference in New Issue
Block a user