Skip to content

Commit

Permalink
[135] Adding github link to Logo
Browse files Browse the repository at this point in the history
- On hover on the logo JD will make it change to colorAccent.
- On click to logo JD will also do the same, and redirect to this github
link.
  • Loading branch information
kennySix committed Dec 30, 2019
1 parent 91d3b4b commit 663acfa
Showing 1 changed file with 10 additions and 1 deletion.
11 changes: 10 additions & 1 deletion views/components/nav/NavLogo.js
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@ import * as React from 'react'
import styled from 'styled-components/macro'

const NavLogo = () => (
<Logo>
<Logo href="https://github.com/DeKal">
<LogoText>JD</LogoText>
</Logo>
)
Expand Down Expand Up @@ -36,6 +36,15 @@ const Logo = styled.a`
border-left: 40px solid transparent;
border-right: 40px solid transparent;
}
&:hover {
color: ${props => props.theme.colors.colorDark};
text-decoration: none;
}
&:click {
color: ${props => props.theme.colors.colorDark};
}
`

const LogoText = styled.span`
Expand Down

0 comments on commit 663acfa

Please sign in to comment.