gbanyan/blog-nextjs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Formalize font weight hierarchy

Browse Source
This commit is contained in:
gbanyan
2025-11-19 00:42:53 +08:00
parent 9235ab291b
commit af0d2e3a6c
3 changed files with 36 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/nav-menu.tsx
View File

@@ -75,13 +75,13 @@ export function NavMenu({ items }: NavMenuProps) {
<FontAwesomeIcon icon={open ? faXmark : faBars} className="h-4 w-4" />
</button>
<nav
className={`${open ? 'flex' : 'hidden'} flex-col gap-2 text-base sm:flex sm:flex-row sm:items-center sm:gap-3 sm:text-sm`}
className={`${open ? 'flex' : 'hidden'} flex-col gap-2 sm:flex sm:flex-row sm:items-center sm:gap-3`}
>
{items.map((item) => (
<Link
key={item.key}
href={item.href}
className="motion-link group relative inline-flex items-center gap-1.5 rounded-full px-3 py-1 font-medium text-slate-600 hover:text-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/40 dark:text-slate-200"
className="motion-link type-nav group relative inline-flex items-center gap-1.5 rounded-full px-3 py-1 text-slate-600 hover:text-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/40 dark:text-slate-200"
onClick={close}
>
<FontAwesomeIcon

2
components/site-header.tsx
View File

@@ -25,7 +25,7 @@ export function SiteHeader() {
<div className="container mx-auto flex items-center justify-between px-4 py-3 text-slate-900 dark:text-slate-100">
<Link
href="/"
className="motion-link group relative font-semibold tracking-tight text-lg text-slate-900 hover:text-accent focus-visible:outline-none focus-visible:text-accent dark:text-slate-100"
className="motion-link group relative type-title text-slate-900 hover:text-accent focus-visible:outline-none focus-visible:text-accent dark:text-slate-100"
>
<span className="absolute -bottom-0.5 left-0 h-[2px] w-0 bg-accent transition-all duration-180 ease-snappy group-hover:w-full" aria-hidden="true" />
{siteConfig.title}