arno/trezor-wallet
1
0
Fork 0
mirror of https://github.com/trezor/trezor-wallet synced 2025-01-03 21:00:55 +00:00
Code Issues Releases Wiki Activity

collapsible footer

Browse Source
This commit is contained in:
slowbackspace 2018-12-20 18:34:15 +01:00
parent c7cad093f1
commit 289c7ddcb5
1 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/Footer/index.js
View File

@ -25,21 +25,27 @@ const Wrapper = styled.div`
font-size: ${FONT_SIZE.SMALL}; font-size: ${FONT_SIZE.SMALL};
background: ${colors.LANDING}; background: ${colors.LANDING};
color: ${colors.TEXT_SECONDARY}; color: ${colors.TEXT_SECONDARY};
padding: 22px 48px; padding: 10px 30px;
display: flex; display: flex;
height: 59px;
flex-wrap: wrap;
align-items: center;
justify-content: space-between; justify-content: space-between;
border-top: 1px solid ${colors.BACKGROUND}; border-top: 1px solid ${colors.BACKGROUND};
@media all and (max-width: 850px) {
justify-content: center;
}
`; `;
const StyledLink = styled(Link)` const StyledLink = styled(Link)`
margin: 0 6px; margin: 0 10px;
margin-right: 20px;
white-space: nowrap; white-space: nowrap;
`; `;
const Copy = styled.div` const Copy = styled.div`
white-space: nowrap; white-space: nowrap;
margin-right: 20px; margin-right: 10px;
`; `;
const Left = styled.div` const Left = styled.div`
@ -48,6 +54,7 @@ const Left = styled.div`
const Right = styled.div` const Right = styled.div`
white-space: nowrap; white-space: nowrap;
margin: 0 10px;
`; `;
const Footer = ({ opened, toggle, isLanding }: Props) => ( const Footer = ({ opened, toggle, isLanding }: Props) => (
@ -60,7 +67,7 @@ const Footer = ({ opened, toggle, isLanding }: Props) => (
</Left> </Left>
{!isLanding && ( {!isLanding && (
<Right> <Right>
Exchange rates by<StyledLink href="https://www.coingecko.com" isGreen>Coingecko</StyledLink> Exchange rates by <Link href="https://www.coingecko.com" isGreen>Coingecko</Link>
</Right> </Right>
)} )}
</Wrapper> </Wrapper>