mirror of
https://github.com/naturalcrit/homebrewery.git
synced 2026-01-06 23:02:45 +00:00
HeaderList now in nav > ul > li
This commit is contained in:
@@ -45,9 +45,11 @@ const HeaderNav = React.forwardRef(({}, pagesRef)=>{
|
|||||||
|
|
||||||
};
|
};
|
||||||
|
|
||||||
return <div className='headerNav'>
|
return <nav className='headerNav'>
|
||||||
{renderHeaderLinks()}
|
<ul>
|
||||||
</div>;
|
{renderHeaderLinks()}
|
||||||
|
</ul>
|
||||||
|
</nav>;
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
|
|
||||||
@@ -61,11 +63,11 @@ const HeaderNavItem = ({ link, text, depth, className })=>{
|
|||||||
return text.trim();
|
return text.trim();
|
||||||
};
|
};
|
||||||
|
|
||||||
return <p>
|
return <li>
|
||||||
<a href={`#${link}`} target='_self' className={className}>
|
<a href={`#${link}`} target='_self' className={className}>
|
||||||
<span style={{ display: 'inline-block', width: `${depth * 0.5}em` }}></span>{trimString(text, depth)}
|
<span style={{ display: 'inline-block', width: `${depth * 0.5}em` }}></span>{trimString(text, depth)}
|
||||||
</a>
|
</a>
|
||||||
</p>;
|
</li>;
|
||||||
};
|
};
|
||||||
|
|
||||||
export default HeaderNav;
|
export default HeaderNav;
|
||||||
@@ -1,6 +1,6 @@
|
|||||||
.headerNav {
|
.headerNav {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 30px;
|
top: 32px;
|
||||||
left: 0px;
|
left: 0px;
|
||||||
padding: 5px 10px;
|
padding: 5px 10px;
|
||||||
background-color: #ccc;
|
background-color: #ccc;
|
||||||
@@ -17,19 +17,21 @@
|
|||||||
.navIcon {
|
.navIcon {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
a {
|
li {
|
||||||
font-family: 'Open Sans';
|
list-style-type: none;
|
||||||
font-size: 12px;
|
a {
|
||||||
padding: 2px;
|
font-family: 'Open Sans';
|
||||||
color: inherit;
|
font-size: 12px;
|
||||||
text-decoration: none;
|
padding: 2px;
|
||||||
cursor: pointer;
|
color: inherit;
|
||||||
&:hover {
|
text-decoration: none;
|
||||||
text-decoration: underline;
|
cursor: pointer;
|
||||||
|
&:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
&.pageLink {
|
||||||
|
font-weight: 900;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
&.pageLink {
|
|
||||||
font-weight: 900;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user