arno/trezor-wallet
1
0
Fork 0
mirror of https://github.com/trezor/trezor-wallet synced 2025-01-23 06:21:06 +00:00
Code Issues Releases Wiki Activity

fix trezor web usb buttons

Browse Source
This commit is contained in:
slowbackspace 2019-03-26 13:53:34 +01:00
parent 599b9128ac
commit 9dc179583d
2 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/views/Landing/components/ConnectDevice/index.js
View File

@ -5,7 +5,7 @@ import styled, { keyframes } from 'styled-components';
import TrezorConnect from 'trezor-connect'; import TrezorConnect from 'trezor-connect';
import l10nCommonMessages from 'views/common.messages'; import l10nCommonMessages from 'views/common.messages';
import { Button, P, H5, Link, colors } from 'trezor-ui-components'; import { Button, P, H5, Link, icons, colors } from 'trezor-ui-components';
import { PULSATE } from 'config/animations'; import { PULSATE } from 'config/animations';
import { FONT_SIZE, FONT_WEIGHT, SCREEN_SIZE } from 'config/variables'; import { FONT_SIZE, FONT_WEIGHT, SCREEN_SIZE } from 'config/variables';
@ -163,7 +163,11 @@ class ConnectDevice extends PureComponent<Props> {
<StyledP> <StyledP>
<FormattedMessage {...l10nMessages.TR_AND} /> <FormattedMessage {...l10nMessages.TR_AND} />
</StyledP> </StyledP>
<StyledButton isWebUsb> <StyledButton
isInverse
icon={icons.PLUS}
additionalClassName="trezor-webusb-button"
>
<FormattedMessage {...l10nCommonMessages.TR_CHECK_FOR_DEVICES} /> <FormattedMessage {...l10nCommonMessages.TR_CHECK_FOR_DEVICES} />
</StyledButton> </StyledButton>
</React.Fragment> </React.Fragment>

10
src/views/Wallet/components/LeftNavigation/components/DeviceMenu/index.js
View File

@ -4,7 +4,7 @@ import styled from 'styled-components';
import TrezorConnect from 'trezor-connect'; import TrezorConnect from 'trezor-connect';
import { FormattedMessage } from 'react-intl'; import { FormattedMessage } from 'react-intl';
import { Button, colors as COLORS } from 'trezor-ui-components'; import { Button, icons, colors as COLORS } from 'trezor-ui-components';
import { FONT_SIZE, FONT_WEIGHT } from 'config/variables'; import { FONT_SIZE, FONT_WEIGHT } from 'config/variables';
import { SLIDE_DOWN } from 'config/animations'; import { SLIDE_DOWN } from 'config/animations';
@ -30,7 +30,7 @@ const Wrapper = styled.div`
const ButtonWrapper = styled.div` const ButtonWrapper = styled.div`
margin: 10px 0; margin: 10px 0;
padding: 0 10px; padding: 0 24px;
display: flex; display: flex;
`; `;
const StyledButton = styled(Button)` const StyledButton = styled(Button)`
@ -131,7 +131,11 @@ class DeviceMenu extends PureComponent<Props> {
/> />
{deviceUtils.isWebUSB(transport) && ( {deviceUtils.isWebUSB(transport) && (
<ButtonWrapper> <ButtonWrapper>
<StyledButton isWebUsb> <StyledButton
isInverse
icon={icons.PLUS}
additionalClassName="trezor-webusb-button"
>
<FormattedMessage {...l10nCommonMessages.TR_CHECK_FOR_DEVICES} /> <FormattedMessage {...l10nCommonMessages.TR_CHECK_FOR_DEVICES} />
</StyledButton> </StyledButton>
</ButtonWrapper> </ButtonWrapper>