Spearhead/joyent-portal
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

feat(ui-toolkit): replace bottom nav arrows with html entities

Browse Source
This commit is contained in:
Fábio Moreira 2018-05-09 13:36:05 +01:00 committed by Sérgio Ramos
parent 8bb4c31aba
commit 88fe0ea92d
1 changed files with 2 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
packages/ui-toolkit/src/styleguide/bottomNav.js
View File

@ -1,7 +1,6 @@
import React from 'react'; import React from 'react';
import remcalc from 'remcalc'; import remcalc from 'remcalc';
import styled from 'styled-components'; import styled from 'styled-components';
import { Arrow } from 'joyent-icons';
const BottomNav = styled.div` const BottomNav = styled.div`
display: flex; display: flex;
@ -10,8 +9,6 @@ const BottomNav = styled.div`
`; `;
const Link = styled.a` const Link = styled.a`
display: flex;
align-items: center;
color: #3b46cc; color: #3b46cc;
font-size: 15px; font-size: 15px;
line-height: 24px; line-height: 24px;
@ -32,16 +29,14 @@ export default props => {
<div> <div>
{selectedIndex > 0 ? ( {selectedIndex > 0 ? (
<Link href={`/#!/${items[selectedIndex - 1]}`}> <Link href={`/#!/${items[selectedIndex - 1]}`}>
<Arrow direction="right" fill="#3B46CC" /> &nbsp;{' '} &larr; {items[selectedIndex - 1]}
{items[selectedIndex - 1]}
</Link> </Link>
) : null} ) : null}
</div> </div>
<div> <div>
{selectedIndex < items.length ? ( {selectedIndex < items.length ? (
<Link href={`/#!/${items[selectedIndex + 1]}`}> <Link href={`/#!/${items[selectedIndex + 1]}`}>
{items[selectedIndex + 1]} &nbsp;{' '} {items[selectedIndex + 1]} &rarr;
<Arrow direction="left" fill="#3B46CC" />
</Link> </Link>
) : null} ) : null}
</div> </div>