1
0
mirror of https://github.com/trezor/trezor-wallet synced 2024-11-24 09:18:09 +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` const StyledInput = styled.input`
letter-spacing: 7px; letter-spacing: 7px;
width: 100%;
font-weight: ${FONT_WEIGHT.BIGGER}; font-weight: ${FONT_WEIGHT.BIGGER};
font-size: ${FONT_SIZE.BIGGER}; font-size: ${FONT_SIZE.BIGGER};
padding: 5px 31px 10px 20px; padding: 5px 31px 10px 20px;

View File

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

View File

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