arno/trezor-wallet
1
0
Fork 0
mirror of https://github.com/trezor/trezor-wallet synced 2025-02-17 18:42:01 +00:00
Code Issues Releases Wiki Activity

Adjust other input heights and textarea

Browse Source
This commit is contained in:
Vladimir Volek 2018-09-26 16:59:50 +02:00
parent 65cb289ebf
commit 3ff8871629
5 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Select/index.js
View File

@ -13,7 +13,7 @@ const styles = isSearchable => ({
control: (base, { isDisabled }) => ({ control: (base, { isDisabled }) => ({
...base, ...base,
minHeight: 'initial', minHeight: 'initial',
height: '100%', height: '40px',
borderRadius: '2px', borderRadius: '2px',
borderColor: colors.DIVIDER, borderColor: colors.DIVIDER,
boxShadow: 'none', boxShadow: 'none',

2
src/components/Textarea/index.js
View File

@ -15,7 +15,7 @@ const disabledColor = colors.TEXT_PRIMARY;
const StyledTextarea = styled.textarea` const StyledTextarea = styled.textarea`
width: 100%; width: 100%;
padding: 6px 12px; padding: 12px;
box-sizing: border-box; box-sizing: border-box;
min-height: 25px; min-height: 25px;
border: ${props => (props.isError ? `1px solid ${colors.ERROR_PRIMARY}` : `1px solid ${colors.DIVIDER}`)}; border: ${props => (props.isError ? `1px solid ${colors.ERROR_PRIMARY}` : `1px solid ${colors.DIVIDER}`)};

2
src/components/inputs/Input/index.js
View File

@ -36,7 +36,7 @@ const TopLabel = styled.span`
const StyledInput = styled.input` const StyledInput = styled.input`
width: 100%; width: 100%;
height: 40px; height: 40px;
padding: 6px ${props => (props.hasIcon ? '40px' : '12px')} 6px 12px; padding: 5px ${props => (props.hasIcon ? '40px' : '12px')} 6px 12px;
line-height: 1.42857143; line-height: 1.42857143;
font-size: ${FONT_SIZE.SMALL}; font-size: ${FONT_SIZE.SMALL};

3
src/views/Wallet/views/Account/Receive/index.js
View File

@ -40,13 +40,14 @@ const StyledQRCode = styled(QRCode)`
const ValueWrapper = styled.div` const ValueWrapper = styled.div`
font-size: ${FONT_SIZE.SMALL}; font-size: ${FONT_SIZE.SMALL};
height: 40px;
font-weight: ${FONT_WEIGHT.SMALLEST}; font-weight: ${FONT_WEIGHT.SMALLEST};
line-height: 1.42857143; line-height: 1.42857143;
font-family: ${FONT_FAMILY.MONOSPACE}; font-family: ${FONT_FAMILY.MONOSPACE};
color: ${colors.TEXT_PRIMARY}; color: ${colors.TEXT_PRIMARY};
border: 1px solid ${colors.DIVIDER}; border: 1px solid ${colors.DIVIDER};
border-radius: 3px; border-radius: 3px;
padding: 6px 12px; padding: 10px 12px;
padding-right: 38px; padding-right: 38px;
position: relative; position: relative;
flex: 1; flex: 1;

4
src/views/Wallet/views/Account/Send/index.js
View File

@ -31,7 +31,7 @@ const InputRow = styled.div`
`; `;
const SetMaxAmountButton = styled(Button)` const SetMaxAmountButton = styled(Button)`
height: 34px; height: 40px;
padding: 0 10px; padding: 0 10px;
display: flex; display: flex;
align-items: center; align-items: center;
@ -69,7 +69,7 @@ const SetMaxAmountButton = styled(Button)`
const CurrencySelect = styled(Select)` const CurrencySelect = styled(Select)`
min-width: 77px; min-width: 77px;
height: 34px; height: 40px;
flex: 0.2; flex: 0.2;
`; `;