crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-05-15 22:16:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

Syncs header and footer nav / link styles

Browse Source
This commit is contained in:
Michael Novotny 2023-07-19 16:15:11 -05:00
parent 78ac1dd1de
commit 5c8a6e810c
No known key found for this signature in database
3 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
components/layout/footer-menu.tsx
View File

@ -18,9 +18,12 @@ const FooterMenuItem = ({ item }: { item: Menu }) => {
<li className="mt-2 first:mt-1"> <li className="mt-2 first:mt-1">
<Link <Link
href={item.path} href={item.path}
className={clsx(' hover:text-black dark:hover:text-white', { className={clsx(
'text-black dark:text-white': active 'underline-offset-4 hover:text-black hover:underline dark:hover:text-neutral-300',
})} {
'text-black dark:text-neutral-300': active
}
)}
> >
{item.title} {item.title}
</Link> </Link>

6
components/layout/footer.tsx
View File

@ -16,8 +16,8 @@ export default async function Footer() {
const copyrightName = COMPANY_NAME || SITE_NAME || ''; const copyrightName = COMPANY_NAME || SITE_NAME || '';
return ( return (
<footer className="text-neutral-400 dark:text-neutral-500"> <footer className="text-sm text-neutral-400 dark:text-neutral-600">
<div className="mx-auto flex w-full max-w-7xl flex-col gap-6 border-t border-neutral-200 px-6 py-12 dark:border-neutral-700 md:flex-row md:gap-12 md:px-4 xl:px-0"> <div className="mx-auto flex w-full max-w-7xl flex-col gap-6 border-t border-neutral-200 px-6 py-12 text-sm dark:border-neutral-700 md:flex-row md:gap-12 md:px-4 xl:px-0">
<div> <div>
<Link className="flex items-center gap-2 text-black dark:text-white" href="/"> <Link className="flex items-center gap-2 text-black dark:text-white" href="/">
<LogoSquare size="sm" /> <LogoSquare size="sm" />
@ -40,7 +40,7 @@ export default async function Footer() {
</Suspense> </Suspense>
<div className="md:ml-auto"> <div className="md:ml-auto">
<a <a
className="flex items-center gap-2 hover:text-black dark:hover:text-white" className="flex items-center gap-2 hover:text-black dark:hover:text-neutral-300"
aria-label="Github Repository" aria-label="Github Repository"
href="https://github.com/vercel/commerce" href="https://github.com/vercel/commerce"
> >

2
components/layout/navbar/index.tsx
View File

@ -35,7 +35,7 @@ export default async function Navbar() {
<li key={item.title}> <li key={item.title}>
<Link <Link
href={item.path} href={item.path}
className="mr-3 text-neutral-500 underline-offset-4 hover:text-black hover:underline dark:hover:text-neutral-400 lg:mr-8" className="mr-3 text-neutral-400 underline-offset-4 hover:text-black hover:underline dark:text-neutral-600 dark:hover:text-neutral-300 lg:mr-8"
> >
{item.title} {item.title}
</Link> </Link>