mirror of
https://github.com/trezor/trezor-wallet
synced 2025-01-13 17:40:55 +00:00
removed deprecated object-form .attrs({})
This commit is contained in:
parent
2564bf9dfb
commit
d7d55beb62
@ -19,11 +19,8 @@ type State = {
|
|||||||
footerFixed: boolean,
|
footerFixed: boolean,
|
||||||
}
|
}
|
||||||
|
|
||||||
const AsideWrapper = styled.aside.attrs({
|
const AsideWrapper = styled.aside`
|
||||||
style: ({ minHeight }) => ({
|
min-height: ${props => props.minHeight}px;
|
||||||
minHeight,
|
|
||||||
}),
|
|
||||||
})`
|
|
||||||
position: relative;
|
position: relative;
|
||||||
top: 0px;
|
top: 0px;
|
||||||
width: 320px;
|
width: 320px;
|
||||||
@ -33,13 +30,10 @@ 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`
|
||||||
style: ({ top, left, paddingBottom }) => ({
|
top: ${props => props.top}px;
|
||||||
top,
|
left: ${props => props.left}px;
|
||||||
left,
|
padding-bottom: ${props => props.paddingBottom}px;
|
||||||
paddingBottom,
|
|
||||||
}),
|
|
||||||
})`
|
|
||||||
position: fixed;
|
position: fixed;
|
||||||
border-right: 1px solid ${colors.DIVIDER};
|
border-right: 1px solid ${colors.DIVIDER};
|
||||||
width: 320px;
|
width: 320px;
|
||||||
|
@ -44,11 +44,8 @@ const TransitionContentWrapper = styled.div`
|
|||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
`;
|
`;
|
||||||
|
|
||||||
const Footer = styled.div.attrs({
|
const Footer = styled.div`
|
||||||
style: ({ position }) => ({
|
position: ${props => props.position};
|
||||||
position,
|
|
||||||
}),
|
|
||||||
})`
|
|
||||||
width: 320px;
|
width: 320px;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
background: ${colors.MAIN};
|
background: ${colors.MAIN};
|
||||||
|
Loading…
Reference in New Issue
Block a user