roleypoly/v1
1
0
Fork 0
mirror of https://github.com/roleypoly/roleypoly-v1.git synced 2025-04-25 12:19:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

header/unauth: add login button

Browse source
This commit is contained in:
41666 2019-03-19 21:24:30 -05:00
parent fe7c55a6c9
commit 641082f765
1 changed files with 26 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
ui/components/header/unauth.js
View file

@ -12,6 +12,29 @@ const LogoBox = styled.a`
cursor: pointer;
`
const LoginButton = styled.a`
cursor: pointer;
background-color: transparent;
display: block;
padding: 0.3em 1em;
border-radius: 2px;
border: 1px solid transparent;
transition: all 0.3s ease-in-out;
&:hover {
transform: translateY(-1px);
box-shadow: 0 1px 2px rgba(0,0,0,0.75);
background-color: var(--c-green);
border-color: rgba(0,0,0,0.25);
text-shadow: 1px 1px 0px rgba(0,0,0,0.25);
}
&:active {
transform: translateY(0px);
box-shadow: none;
}
`
const HeaderBarUnauth: React.StatelessFunctionalComponent<CommonProps> = (props) => (
<HeaderBarCommon {...props}>
<>
@ -20,7 +43,9 @@ const HeaderBarUnauth: React.StatelessFunctionalComponent<CommonProps> = (props)
<Logotype />
</LogoBox>
</Link>
Hey stranger.
<Link href='/auth/login' prefetch>
<LoginButton>Sign in →</LoginButton>
</Link>
</>
</HeaderBarCommon>
)