fix: remove max-width constraint on header container for proper alignment on large screens

eric15342335 · eric15342335 · commit f0d1dfbd78ce · 2025-08-05T19:10:20.000+08:00
diff --git a/src/components/layout/header.tsx b/src/components/layout/header.tsx
@@ -35,7 +35,7 @@ export function Header() {
     >
       <div className="sticky top-0 z-[var(--z-header)]">
         <header className="w-full border-b border-border/40 bg-background/80 backdrop-blur supports-[backdrop-filter]:bg-background/60">
-          <div className="container flex h-16 max-w-screen-2xl items-center justify-between px-4 md:px-6">
+          <div className="container flex h-16 max-w-full items-center justify-between px-4 md:px-6">
             <div className="flex items-center gap-6">
               <Link
                 href="/"

Original file line number	Diff line number	Diff line change
`@@ -35,7 +35,7 @@ export function Header() {`
`35`	`35`	`>`
`36`	`36`	`<div className="sticky top-0 z-[var(--z-header)]">`
`37`	`37`	`<header className="w-full border-b border-border/40 bg-background/80 backdrop-blur supports-[backdrop-filter]:bg-background/60">`
`38`		`- <div className="container flex h-16 max-w-screen-2xl items-center justify-between px-4 md:px-6">`
	`38`	`+ <div className="container flex h-16 max-w-full items-center justify-between px-4 md:px-6">`
`39`	`39`	`<div className="flex items-center gap-6">`
`40`	`40`	`<Link`
`41`	`41`	`href="/"`