Let the About Triple Text row fill the padded width so the columns are not capped at 1440px on wide viewports.
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -142,7 +142,7 @@ function TripleTextBlockView({
|
|||||||
className={
|
className={
|
||||||
isUseCases
|
isUseCases
|
||||||
? "mx-auto flex w-full flex-col items-start gap-[var(--spacing-scale-032)] md:gap-[var(--spacing-scale-048)] lg:items-center lg:gap-[var(--spacing-scale-064)]"
|
? "mx-auto flex w-full flex-col items-start gap-[var(--spacing-scale-032)] md:gap-[var(--spacing-scale-048)] lg:items-center lg:gap-[var(--spacing-scale-064)]"
|
||||||
: "mx-auto flex w-full max-w-[1440px] flex-col items-start gap-[var(--spacing-scale-032)]"
|
: "mx-auto flex w-full flex-col items-start gap-[var(--spacing-scale-032)]"
|
||||||
}
|
}
|
||||||
>
|
>
|
||||||
{hasSectionTitle ? (
|
{hasSectionTitle ? (
|
||||||
|
|||||||
@@ -78,6 +78,7 @@ describe("TripleTextBlock", () => {
|
|||||||
expect(section).not.toHaveClass(
|
expect(section).not.toHaveClass(
|
||||||
"xl:px-[calc(var(--spacing-scale-160)+var(--spacing-scale-096))]",
|
"xl:px-[calc(var(--spacing-scale-160)+var(--spacing-scale-096))]",
|
||||||
);
|
);
|
||||||
|
expect(section?.firstElementChild).not.toHaveClass("max-w-[1440px]");
|
||||||
});
|
});
|
||||||
|
|
||||||
it("useCases preset renders persistent section heading, column h3 titles, dual paragraphs, outline CTA", () => {
|
it("useCases preset renders persistent section heading, column h3 titles, dual paragraphs, outline CTA", () => {
|
||||||
|
|||||||
Reference in New Issue
Block a user