Refactor header
This commit is contained in:
parent
87e5cafb77
commit
eb620e9220
16 changed files with 307 additions and 130 deletions
|
|
@ -15,10 +15,15 @@ export function Header({ children, className, ...rest }) {
|
|||
);
|
||||
}
|
||||
|
||||
export function LeftNav({ children, className, ...rest }) {
|
||||
export function LeftNav({ children, className, hideMobile, ...rest }) {
|
||||
return (
|
||||
<div
|
||||
className={classNames(styles.nav, styles.leftNav, className)}
|
||||
className={classNames(
|
||||
styles.nav,
|
||||
styles.leftNav,
|
||||
{ [styles.hideMobile]: hideMobile },
|
||||
className
|
||||
)}
|
||||
{...rest}
|
||||
>
|
||||
{children}
|
||||
|
|
@ -39,7 +44,7 @@ export function RightNav({ children, className, ...rest }) {
|
|||
|
||||
export function HeaderLogo() {
|
||||
return (
|
||||
<Link className={styles.logo} to="/">
|
||||
<Link className={styles.headerLogo} to="/">
|
||||
<Logo />
|
||||
</Link>
|
||||
);
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue