fix scroll and fix margin layout
This commit is contained in:
parent
204edd635d
commit
035882e0c7
|
@ -15,7 +15,7 @@ export const Wrapper = styled.div`
|
|||
export const Nav = styled.div`
|
||||
grid-column: 1/3;
|
||||
grid-row: 1;
|
||||
margin: 8px 0;
|
||||
margin: 0;
|
||||
padding: 16px 0;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
|
|
|
@ -2,12 +2,12 @@
|
|||
display: flex;
|
||||
flex: 1 0 auto;
|
||||
flex-direction: column;
|
||||
padding: 135px 200px 0px 200px;
|
||||
padding: 96px 200px 0px 200px;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: $(screenLg)px) {
|
||||
.page {
|
||||
padding: 135px $lg 0px $lg;
|
||||
padding: 72px $lg 0px $lg;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -3,7 +3,7 @@ import { lg, marginButtonImg, md, sm } from '~/theme/variables'
|
|||
|
||||
export const styles = () => ({
|
||||
formContainer: {
|
||||
minHeight: '420px',
|
||||
minHeight: '250px',
|
||||
},
|
||||
title: {
|
||||
padding: lg,
|
||||
|
@ -52,7 +52,6 @@ export const styles = () => ({
|
|||
cursor: 'default',
|
||||
},
|
||||
message: {
|
||||
margin: `${sm} 0`,
|
||||
padding: `${md} 0`,
|
||||
maxHeight: '54px',
|
||||
boxSizing: 'border-box',
|
||||
|
|
|
@ -119,7 +119,6 @@ export const styles = () => ({
|
|||
position: 'relative',
|
||||
},
|
||||
message: {
|
||||
margin: `${sm} 0`,
|
||||
padding: `${md} 0`,
|
||||
maxHeight: '54px', // to make it the same as row in Balances component
|
||||
boxSizing: 'border-box',
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
// @flow
|
||||
export const styles = () => ({
|
||||
container: {
|
||||
marginTop: '70px',
|
||||
marginTop: '56px',
|
||||
},
|
||||
row: {
|
||||
cursor: 'pointer',
|
||||
|
|
Loading…
Reference in New Issue