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:
commit
b62683b678
@ -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`
|
||||||
|
Loading…
Reference in New Issue
Block a user