0
0
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:
G.Ambatte
2025-01-06 23:20:52 +13:00
parent cf16566da8
commit 06005009e4
2 changed files with 23 additions and 19 deletions

View File

@@ -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;

View File

@@ -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;
}
} }
} }