1
0
mirror of https://github.com/trezor/trezor-wallet synced 2024-11-24 09:18:09 +00:00

Adjust other input heights and textarea

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

View File

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

View File

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

View File

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

View File

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

View File

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