mirror of
https://github.com/trezor/trezor-wallet
synced 2025-02-10 15:12:48 +00:00
Merge pull request #455 from trezor/fix/forget-countdown-position
fix forget countdown position
This commit is contained in:
commit
0bab396ed3
@ -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: 6px;
|
||||||
|
padding-bottom: 6px;
|
||||||
`;
|
`;
|
||||||
|
|
||||||
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} />
|
||||||
@ -153,7 +155,7 @@ class RememberDevice extends PureComponent<Props, State> {
|
|||||||
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