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

Merge pull request #521 from trezor/fix/xrp-advanced-input-width

fix xrp advanced settings inputs width
This commit is contained in:
Vladimir Volek 2019-04-17 11:48:21 +02:00 committed by GitHub
commit b62683b678
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -13,11 +13,6 @@ import type { Props as BaseProps } from '../../Container';
type Props = {| ...BaseProps, children: React.Node |}; type Props = {| ...BaseProps, children: React.Node |};
// TODO: Decide on a small screen width for the whole app
// and put it inside config/variables.js
// same variable also in "AccountSend/index.js"
const SmallScreenWidth = '850px';
const InputLabelWrapper = styled.div` const InputLabelWrapper = styled.div`
display: flex; display: flex;
align-items: center; align-items: center;
@ -36,24 +31,10 @@ const AdvancedSettingsWrapper = styled.div`
const InputRow = styled.div` const InputRow = styled.div`
width: 100%; width: 100%;
display: flex; display: flex;
@media screen and (max-width: ${SmallScreenWidth}) {
flex-direction: column;
}
`; `;
const StyledInput = styled(Input)` const StyledInput = styled(Input)`
/* min-height: 85px; */
padding-bottom: 28px; padding-bottom: 28px;
&:first-child {
padding-right: 20px;
}
@media screen and (max-width: ${SmallScreenWidth}) {
&:first-child {
padding-right: 0;
}
}
`; `;
const AdvancedSettingsSendButtonWrapper = styled.div` const AdvancedSettingsSendButtonWrapper = styled.div`