mirror of
https://github.com/trezor/trezor-wallet
synced 2024-12-27 09:28:19 +00:00
fix padding for gas inputs on smaller screens
This commit is contained in:
parent
1fd2b8af52
commit
fd17924f2a
@ -22,10 +22,6 @@ type Props = BaseProps & {
|
|||||||
// same variable also in "AccountSend/index.js"
|
// same variable also in "AccountSend/index.js"
|
||||||
const SmallScreenWidth = '850px';
|
const SmallScreenWidth = '850px';
|
||||||
|
|
||||||
const InputRow = styled.div`
|
|
||||||
padding-bottom: 28px;
|
|
||||||
`;
|
|
||||||
|
|
||||||
const InputLabelWrapper = styled.div`
|
const InputLabelWrapper = styled.div`
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@ -45,7 +41,7 @@ const AdvancedSettingsWrapper = styled.div`
|
|||||||
border-top: 1px solid ${colors.DIVIDER};
|
border-top: 1px solid ${colors.DIVIDER};
|
||||||
`;
|
`;
|
||||||
|
|
||||||
const GasInputRow = styled(InputRow)`
|
const GasInputRow = styled.div`
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
||||||
@ -56,6 +52,7 @@ const GasInputRow = styled(InputRow)`
|
|||||||
|
|
||||||
const GasInput = styled(Input)`
|
const GasInput = styled(Input)`
|
||||||
/* min-height: 85px; */
|
/* min-height: 85px; */
|
||||||
|
padding-bottom: 28px;
|
||||||
&:first-child {
|
&:first-child {
|
||||||
padding-right: 20px;
|
padding-right: 20px;
|
||||||
}
|
}
|
||||||
@ -63,7 +60,6 @@ const GasInput = styled(Input)`
|
|||||||
@media screen and (max-width: ${SmallScreenWidth}) {
|
@media screen and (max-width: ${SmallScreenWidth}) {
|
||||||
&:first-child {
|
&:first-child {
|
||||||
padding-right: 0;
|
padding-right: 0;
|
||||||
margin-bottom: 2px;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
Loading…
Reference in New Issue
Block a user