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

This commit is contained in:
bilalgursen
2026-07-30 13:07:32 +03:00
parent 736a6fabf0
commit 60e81e266d

View File

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