arno/trezor-wallet
1
0
Fork 0
mirror of https://github.com/trezor/trezor-wallet synced 2024-12-31 19:30:53 +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};
background: ${colors.LANDING};
color: ${colors.TEXT_SECONDARY};
padding: 22px 48px;
padding: 10px 30px;
display: flex;
height: 59px;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
border-top: 1px solid ${colors.BACKGROUND};
@media all and (max-width: 850px) {
justify-content: center;
}
`;
const StyledLink = styled(Link)`
margin: 0 6px;
margin-right: 20px;
margin: 0 10px;
white-space: nowrap;
`;
const Copy = styled.div`
white-space: nowrap;
margin-right: 20px;
margin-right: 10px;
`;
const Left = styled.div`
@ -48,6 +54,7 @@ const Left = styled.div`
const Right = styled.div`
white-space: nowrap;
margin: 0 10px;
`;
const Footer = ({ opened, toggle, isLanding }: Props) => (
@ -60,7 +67,7 @@ const Footer = ({ opened, toggle, isLanding }: Props) => (
</Left>
{!isLanding && (
<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>
)}
</Wrapper>