Enhance SiteHeader component layout by adjusting positioning of navigation and header elements for improved visual alignment and responsiveness.
All checks were successful
Deploy / deploy (push) Successful in 2m52s
All checks were successful
Deploy / deploy (push) Successful in 2m52s
This commit is contained in:
@@ -11,7 +11,7 @@ const navLinks = [
|
|||||||
export function SiteHeader() {
|
export function SiteHeader() {
|
||||||
return (
|
return (
|
||||||
<header className="sticky top-6 z-50 mt-6 print:hidden">
|
<header className="sticky top-6 z-50 mt-6 print:hidden">
|
||||||
<div className="mx-auto flex h-16 max-w-6xl items-center justify-between gap-3 px-4">
|
<div className="relative mx-auto flex h-16 max-w-6xl items-center justify-between gap-3 px-4">
|
||||||
<Link
|
<Link
|
||||||
href="/"
|
href="/"
|
||||||
className="group flex items-center font-bricolage text-xl"
|
className="group flex items-center font-bricolage text-xl"
|
||||||
@@ -31,7 +31,7 @@ export function SiteHeader() {
|
|||||||
</span>
|
</span>
|
||||||
</span>
|
</span>
|
||||||
</Link>
|
</Link>
|
||||||
<nav className="hidden items-center gap-1 rounded-full border border-slate-200 bg-white p-1.5 text-base font-medium text-slate-600 sm:flex">
|
<nav className="absolute left-1/2 hidden -translate-x-1/2 items-center gap-1 rounded-full border border-slate-200 bg-white p-1.5 text-base font-medium text-slate-600 sm:flex">
|
||||||
{navLinks.map((link) => (
|
{navLinks.map((link) => (
|
||||||
<Link
|
<Link
|
||||||
key={link.href}
|
key={link.href}
|
||||||
|
|||||||
Reference in New Issue
Block a user