arno/trezor-wallet
1
0
Fork 0
mirror of https://github.com/trezor/trezor-wallet synced 2025-05-24 17:58:46 +00:00
Code Issues Releases Wiki Activity

switch to new attrs syntax

Browse Source
This commit is contained in:
slowbackspace 2018-12-17 22:24:39 +01:00 committed by Szymon Lesisz
parent 1878c6beb4
commit a189218b9d
2 changed files with 14 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/views/Wallet/components/LeftNavigation/components/StickyContainer/index.js
View File

@ -19,11 +19,10 @@ type State = {
footerFixed: boolean, footerFixed: boolean,
} }
const AsideWrapper = styled.aside.attrs({ const AsideWrapper = styled.aside.attrs(props => ({
style: ({ minHeight }) => ({ style: { minHeight: props.minHeight },
minHeight, }))`
}),
})`
position: relative; position: relative;
top: 0px; top: 0px;
width: 320px; width: 320px;
@ -33,13 +32,13 @@ const AsideWrapper = styled.aside.attrs({
border-right: 1px solid ${colors.DIVIDER}; border-right: 1px solid ${colors.DIVIDER};
`; `;
const StickyContainerWrapper = styled.div.attrs({ const StickyContainerWrapper = styled.div.attrs(props => ({
style: ({ top, left, paddingBottom }) => ({ style: {
top, top: props.top,
left, left: props.left,
paddingBottom, paddingBottom: props.paddingBottom,
}), },
})` }))`
position: fixed; position: fixed;
border-right: 1px solid ${colors.DIVIDER}; border-right: 1px solid ${colors.DIVIDER};
width: 320px; width: 320px;

8
src/views/Wallet/components/LeftNavigation/index.js
View File

@ -45,11 +45,9 @@ const TransitionContentWrapper = styled.div`
vertical-align: top; vertical-align: top;
`; `;
const Footer = styled.div.attrs({ const Footer = styled.div.attrs(props => ({
style: ({ position }) => ({ style: { position: props.position },
position, }))`
}),
})`
width: 320px; width: 320px;
bottom: 0; bottom: 0;
background: ${colors.MAIN}; background: ${colors.MAIN};