1
0
mirror of https://github.com/trezor/trezor-wallet synced 2024-11-13 20:08:56 +00:00

Fixed passphrase modal after delete of global styles

This commit is contained in:
Vladimir Volek 2018-08-31 22:26:28 +02:00
parent 72d45a0c86
commit 4ec97ad003
3 changed files with 8 additions and 4 deletions

View File

@ -12,6 +12,7 @@ const Wrapper = styled.div`
const StyledInput = styled.input`
letter-spacing: 7px;
width: 100%;
font-weight: ${FONT_WEIGHT.BIGGER};
font-size: ${FONT_SIZE.BIGGER};
padding: 5px 31px 10px 20px;

View File

@ -15,6 +15,7 @@ import type { Props } from './index';
const Wrapper = styled.div`
padding: 24px 48px;
max-width: 390px;
`;
const Label = styled.div`
@ -272,8 +273,8 @@ export default class PinModal extends Component<Props, State> {
console.log('passphraseInputType', passphraseInputType);
return (
<Wrapper>
<H2>Enter { deviceLabel } passphrase</H2>
<P isSmaller>Note that passphrase is case-sensitive.</P>
{/* ?<H2>Enter { deviceLabel } passphrase</H2> */}
{/* <P isSmaller>Note that passphrase is case-sensitive.</P> */}
<Row>
<Label>Passphrase</Label>
<Input

View File

@ -20,6 +20,7 @@ const Wrapper = styled.div`
const InputRow = styled.div`
margin-top: 24px;
max-width: 260px;
`;
const PinRow = styled.div``;
@ -140,7 +141,7 @@ class Pin extends Component<Props, State> {
return (
<Wrapper className="pin">
<H2>Enter { device.label } PIN</H2>
<P>The PIN layout is displayed on your TREZOR.</P>
<P isSmaller>The PIN layout is displayed on your TREZOR.</P>
<InputRow>
<PinInput value={pin} onDeleteClick={() => this.onPinBackspace()} />
</InputRow>
@ -161,8 +162,9 @@ class Pin extends Component<Props, State> {
</PinRow>
<Footer>
<Button type="button" onClick={() => onPinSubmit(pin)}>Enter PIN</Button>
<StyledP>Not sure how PIN works?
<StyledP isSmaller>Not sure how PIN works?
<StyledLink
isGreen
href="http://doc.satoshilabs.com/trezor-user/enteringyourpin.html"
target="_blank"
rel="noreferrer noopener"