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