bilal/kolaytercih
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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
Details

Browse Source
This commit is contained in:
bilalgursen
2026-07-30 13:07:32 +03:00
parent 736a6fabf0
commit 60e81e266d
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/site-header.tsx
View File

@@ -11,7 +11,7 @@ const navLinks = [
export function SiteHeader() {
return (
<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
href="/"
className="group flex items-center font-bricolage text-xl"
@@ -31,7 +31,7 @@ export function SiteHeader() {
</span>
</span>
</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) => (
<Link
key={link.href}