diff options
| author | Fred Carlsen <fred@sjelfull.no> | 2018-12-10 21:28:29 +0800 |
|---|---|---|
| committer | Fred Carlsen <fred@sjelfull.no> | 2018-12-10 21:49:12 +0800 |
| commit | 0341ced3f35df5cf63594fe801ee193930dcf5cb (patch) | |
| tree | 7802e5b7cd5259fbd63c1b0ed97d421801bcae1b /packages/website/ts/@next/components | |
| parent | 4f6c95b0ca91c526d72ffb62ee8f53d2f02a050d (diff) | |
| download | dexon-sol-tools-0341ced3f35df5cf63594fe801ee193930dcf5cb.tar dexon-sol-tools-0341ced3f35df5cf63594fe801ee193930dcf5cb.tar.gz dexon-sol-tools-0341ced3f35df5cf63594fe801ee193930dcf5cb.tar.bz2 dexon-sol-tools-0341ced3f35df5cf63594fe801ee193930dcf5cb.tar.lz dexon-sol-tools-0341ced3f35df5cf63594fe801ee193930dcf5cb.tar.xz dexon-sol-tools-0341ced3f35df5cf63594fe801ee193930dcf5cb.tar.zst dexon-sol-tools-0341ced3f35df5cf63594fe801ee193930dcf5cb.zip | |
Add link to mission
Diffstat (limited to 'packages/website/ts/@next/components')
| -rw-r--r-- | packages/website/ts/@next/components/link.tsx | 34 |
1 files changed, 17 insertions, 17 deletions
diff --git a/packages/website/ts/@next/components/link.tsx b/packages/website/ts/@next/components/link.tsx index db8f433b3..c240a0cdc 100644 --- a/packages/website/ts/@next/components/link.tsx +++ b/packages/website/ts/@next/components/link.tsx @@ -17,22 +17,6 @@ interface LinkInterface { }; } -const StyledLink = styled(ReactRouterLink)<LinkInterface>` - display: ${props => !props.isBlock && 'inline-flex'}; - color: ${props => props.color || props.theme.linkColor}; - text-align: center; - font-size: 18px; - text-decoration: none; - align-items: center; - - @media (max-width: 768px) { - } - - svg { - margin-left: 3px; - } -`; - export const Link = (props: LinkInterface) => { const { children, @@ -43,7 +27,7 @@ export const Link = (props: LinkInterface) => { return ( <StyledLink to={href} {...props}> {children} - {!isNoArrow && <svg width="25" height="25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.484 5.246l.023 1.411 8.147.053L4.817 18.547l.996.996L17.65 7.706l.052 8.146 1.411.024-.068-10.561-10.561-.069z" fill="#00AE99"/></svg>} + {!isNoArrow && <svg width="25" height="25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.484 5.246l.023 1.411 8.147.053L4.817 18.547l.996.996L17.65 7.706l.052 8.146 1.411.024-.068-10.561-10.561-.069z" fill="currentColor"/></svg>} </StyledLink> ); }; @@ -56,3 +40,19 @@ export const LinkWrap = styled.div` margin-left: 20px; } `; + +const StyledLink = styled(ReactRouterLink)<LinkInterface>` + display: ${props => !props.isBlock && 'inline-flex'}; + color: ${props => props.color || props.theme.linkColor}; + text-align: center; + font-size: 18px; + text-decoration: none; + align-items: center; + + @media (max-width: 768px) { + } + + svg { + margin-left: 3px; + } +`; |