Skip to content

Commit 437f9ac

Browse files
abdoutclaude
andcommitted
fix: restore PageHeader to start-aligned layout
- Changed PageHeader from centered to items-start alignment - Restored original padding (py-8 md:py-10 lg:py-12) - PageActions back to justify-start - PageHeaderDescription restored font-light and leading-7 Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
1 parent 2382030 commit 437f9ac

1 file changed

Lines changed: 5 additions & 7 deletions

File tree

src/components/atom/page-header.tsx

Lines changed: 5 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -7,11 +7,9 @@ function PageHeader({
77
...props
88
}: React.ComponentProps<"section">) {
99
return (
10-
<section className={cn("border-grid", className)} {...props}>
11-
<div className="container-wrapper">
12-
<div className="container flex flex-col items-center gap-2 py-8 text-center md:py-16 lg:py-20 xl:gap-4">
13-
{children}
14-
</div>
10+
<section className={cn(className)} {...props}>
11+
<div className="flex flex-col items-start gap-1 py-8 md:py-10 lg:py-12">
12+
{children}
1513
</div>
1614
</section>
1715
)
@@ -39,7 +37,7 @@ function PageHeaderDescription({
3937
return (
4038
<p
4139
className={cn(
42-
"text-foreground max-w-3xl text-base text-balance sm:text-lg",
40+
"max-w-2xl text-balance text-base font-light text-foreground leading-7 sm:text-lg",
4341
className
4442
)}
4543
{...props}
@@ -51,7 +49,7 @@ function PageActions({ className, ...props }: React.ComponentProps<"div">) {
5149
return (
5250
<div
5351
className={cn(
54-
"flex w-full items-center justify-center gap-2 pt-2 **:data-[slot=button]:shadow-none",
52+
"flex w-full items-center justify-start gap-2 pt-2",
5553
className
5654
)}
5755
{...props}

0 commit comments

Comments
 (0)