mirror of
https://github.com/trezor/trezor-wallet
synced 2025-01-08 07:01:04 +00:00
fix forget countdown position
This commit is contained in:
parent
0ee49b93e4
commit
32b48c7e2a
@ -44,9 +44,7 @@ const Wrapper = styled.div`
|
||||
padding: 30px 48px;
|
||||
`;
|
||||
|
||||
const Text = styled.div`
|
||||
padding-right: 10px;
|
||||
`;
|
||||
const Text = styled.div``;
|
||||
|
||||
const Column = styled.div`
|
||||
display: flex;
|
||||
@ -58,8 +56,12 @@ const Column = styled.div`
|
||||
`;
|
||||
|
||||
const StyledLoader = styled(Loader)`
|
||||
position: absolute;
|
||||
left: 200px;
|
||||
padding-left: 6px;
|
||||
`;
|
||||
|
||||
const ButtonWithLoader = styled(Button)`
|
||||
padding-top: 7px;
|
||||
padding-bottom: 7px;
|
||||
`;
|
||||
|
||||
class RememberDevice extends PureComponent<Props, State> {
|
||||
@ -141,7 +143,7 @@ class RememberDevice extends PureComponent<Props, State> {
|
||||
/>
|
||||
</StyledP>
|
||||
<Column>
|
||||
<Button onClick={() => this.forget()}>
|
||||
<ButtonWithLoader onClick={() => this.forget()}>
|
||||
<ButtonContent>
|
||||
<Text>
|
||||
<FormattedMessage {...l10nCommonMessages.TR_FORGET_DEVICE} />
|
||||
@ -149,11 +151,11 @@ class RememberDevice extends PureComponent<Props, State> {
|
||||
<StyledLoader
|
||||
isSmallText
|
||||
isWhiteText
|
||||
size={28}
|
||||
size={26}
|
||||
text={this.state.countdown.toString()}
|
||||
/>
|
||||
</ButtonContent>
|
||||
</Button>
|
||||
</ButtonWithLoader>
|
||||
<Button isWhite onClick={() => onRememberDevice(device)}>
|
||||
<FormattedMessage {...l10nMessages.TR_REMEMBER_DEVICE} />
|
||||
</Button>
|
||||
|
Loading…
Reference in New Issue
Block a user