michal.cukrowski/j_kedzierski
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: left-align PageHeader and Eligibility blocks to match Hero alignment

Browse Source
This commit is contained in:
MichalC
2026-09-02 23:02:03 +02:00
parent fc444e0acb
commit 6a81a34ae3
2 changed files with 12 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/blocks/Eligibility/Component.tsx
+1 -1
View File
@@ -27,7 +27,7 @@ export const EligibilityBlock: React.FC<EligibilityProps> = ({ eyebrow, title,
return ( return (
<section className="py-12 md:py-20 bg-card/60 border-y border-border"> <section className="py-12 md:py-20 bg-card/60 border-y border-border">
<div className="container-premium"> <div className="container-premium">
<div className="max-w-3xl mb-12 text-center md:text-left"> <div className="max-w-3xl mb-12">
{eyebrow && ( {eyebrow && (
<div className="font-mono text-sm md:text-base font-bold text-accent tracking-widest uppercase mb-4"> <div className="font-mono text-sm md:text-base font-bold text-accent tracking-widest uppercase mb-4">
// {eyebrow} // {eyebrow}
src/blocks/PageHeader/Component.tsx
+11 -9
View File
@@ -8,15 +8,17 @@ export interface PageHeaderProps {
export const PageHeaderBlock: React.FC<PageHeaderProps> = ({ title, subtitle }) => { export const PageHeaderBlock: React.FC<PageHeaderProps> = ({ title, subtitle }) => {
return ( return (
<section className="bg-card border-b border-border py-16 md:py-20 mb-12"> <section className="bg-card border-b border-border py-16 md:py-20 mb-12">
<div className="container-premium text-center max-w-4xl mx-auto"> <div className="container-premium">
<h1 className="font-heading text-4xl sm:text-5xl md:text-6xl lg:text-7xl font-extrabold text-foreground tracking-tight leading-tight text-balance"> <div className="max-w-4xl">
{title} <h1 className="font-heading text-4xl sm:text-5xl md:text-6xl lg:text-7xl font-extrabold text-foreground tracking-tight leading-tight text-balance">
</h1> {title}
{subtitle && ( </h1>
<p className="mt-4 text-lg md:text-xl text-foreground/70 leading-relaxed max-w-2xl mx-auto"> {subtitle && (
{subtitle} <p className="mt-4 text-lg md:text-xl text-foreground/70 leading-relaxed max-w-3xl">
</p> {subtitle}
)} </p>
)}
</div>
</div> </div>
</section> </section>
) )