roleypoly/v1
1
0
Fork 0
mirror of https://github.com/roleypoly/roleypoly-v1.git synced 2025-06-17 02:29:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

absolutely massive typescript porting time

Browse source
This commit is contained in:
41666 2019-06-02 18:58:15 -05:00
parent 01f238f515
commit 30d08a630f
No known key found for this signature in database
GPG key ID: BC51D07640DC10AF
159 changed files with 2563 additions and 3861 deletions
Download patch file Download diff file Expand all files Collapse all files

53
packages/roleypoly-ui/components/header/unauth.tsx Normal file
View file

@ -0,0 +1,53 @@
// @flow
import * as React from 'react'
import HeaderBarCommon, { Logotype, type CommonProps } from './common'
import styled from 'styled-components'
import Link from 'next/link'
const LogoBox = styled.a`
flex: 1;
display: flex;
align-items: center;
justify-content: flex-start;
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 0 rgba(0, 0, 0, 0.25);
}
&:active {
transform: translateY(0);
box-shadow: none;
}
`
const HeaderBarUnauth: React.StatelessFunctionalComponent<CommonProps> = (props) => (
<HeaderBarCommon {...props}>
<>
<Link href='/' prefetch>
<LogoBox>
<Logotype />
</LogoBox>
</Link>
<Link href='/auth/login' prefetch>
<LoginButton>Sign in →</LoginButton>
</Link>
</>
</HeaderBarCommon>
)
export default HeaderBarUnauth