mirror of
https://github.com/filecoin-project/slate.git
synced 2024-12-26 18:44:56 +03:00
header bug fixes
This commit is contained in:
parent
6033a2b6d4
commit
d824741269
@ -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
|
||||||
|
Loading…
Reference in New Issue
Block a user