Merge pull request #214 from filecoin-project/@tarafanlin/landing

header bug fixes
This commit is contained in:
CAKE 2020-09-05 14:10:29 -07:00 committed by GitHub
commit a6bf209d39
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -176,14 +176,13 @@ const openNavLink = {
export const NewWebsitePrototypeHeader = (props) => { export const NewWebsitePrototypeHeader = (props) => {
const [open, setOpen] = useState(false); const [open, setOpen] = useState(false);
const communityURL = "/community"; const communityURL = "/community";
const signInURL = "/_"; const signInURL = "/_";
const styleMenu = open ? openMenu : null; const styleMenu = open ? openMenu : null;
const styleNavLink = open ? openNavLink : null;
const styleBurgerBun = open ? openBurgerBun : null; const styleBurgerBun = open ? openBurgerBun : null;
const styleBurgerMeat = open ? openBurgerMeat : null; const styleBurgerMeat = open ? openBurgerMeat : null;
const styleBurgerBun2 = open ? openBurgerBun2 : null; const styleBurgerBun2 = open ? openBurgerBun2 : null;
const styleNavLink = open ? openNavLink : null;
return ( return (
<div css={STYLES_CONTAINER} style={props.style}> <div css={STYLES_CONTAINER} style={props.style}>
@ -200,18 +199,15 @@ export const NewWebsitePrototypeHeader = (props) => {
Sign in Sign in
</a> </a>
</div> </div>
<div css={STYLES_MOBILENAV} open={open}> <div css={STYLES_MOBILENAV}>
<div onClick={() => setOpen(!open)} css={STYLES_BURGER}> <div onClick={() => setOpen(!open)} css={STYLES_BURGER}>
<div css={STYLES_BURGER_BUN} style={styleBurgerBun} /> <div css={STYLES_BURGER_BUN} style={styleBurgerBun} />
<div css={STYLES_BURGER_MEAT} style={styleBurgerMeat} /> <div css={STYLES_BURGER_MEAT} style={styleBurgerMeat} />
<div css={STYLES_BURGER_BUN2} style={styleBurgerBun2} /> <div css={STYLES_BURGER_BUN2} style={styleBurgerBun2} />
</div> </div>
<div css={STYLES_MENU} style={styleMenu}> <div css={STYLES_MENU} style={styleMenu}>
<a css={STYLES_NAVLINK} style={styleNavLink} href={designSystemURL}> <a css={STYLES_NAVLINK} style={styleNavLink} href={communityURL}>
Design system Get involved
</a>
<a css={STYLES_NAVLINK} style={styleNavLink} href={viewSourceURL}>
View source
</a> </a>
<a css={STYLES_NAVLINK} style={styleNavLink} href={signInURL}> <a css={STYLES_NAVLINK} style={styleNavLink} href={signInURL}>
Sign in Sign in