feat(ui-toolkit): replace bottom nav arrows with html entities
This commit is contained in:
parent
8bb4c31aba
commit
88fe0ea92d
@ -1,7 +1,6 @@
|
||||
import React from 'react';
|
||||
import remcalc from 'remcalc';
|
||||
import styled from 'styled-components';
|
||||
import { Arrow } from 'joyent-icons';
|
||||
|
||||
const BottomNav = styled.div`
|
||||
display: flex;
|
||||
@ -10,8 +9,6 @@ const BottomNav = styled.div`
|
||||
`;
|
||||
|
||||
const Link = styled.a`
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: #3b46cc;
|
||||
font-size: 15px;
|
||||
line-height: 24px;
|
||||
@ -32,16 +29,14 @@ export default props => {
|
||||
<div>
|
||||
{selectedIndex > 0 ? (
|
||||
<Link href={`/#!/${items[selectedIndex - 1]}`}>
|
||||
<Arrow direction="right" fill="#3B46CC" /> {' '}
|
||||
{items[selectedIndex - 1]}
|
||||
← {items[selectedIndex - 1]}
|
||||
</Link>
|
||||
) : null}
|
||||
</div>
|
||||
<div>
|
||||
{selectedIndex < items.length ? (
|
||||
<Link href={`/#!/${items[selectedIndex + 1]}`}>
|
||||
{items[selectedIndex + 1]} {' '}
|
||||
<Arrow direction="left" fill="#3B46CC" />
|
||||
{items[selectedIndex + 1]} →
|
||||
</Link>
|
||||
) : null}
|
||||
</div>
|
||||
|
Loading…
Reference in New Issue
Block a user