From 19f6133bdccaa0440adc9874046fae98e5d5d0a0 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Gabriele=20Vigan=C3=B2?= Date: Wed, 28 Oct 2026 19:24:52 +0000 Subject: [PATCH 1/3] feat(matricole): align the Guida della Matricola page with the shared layout The standalone download page kept its own title steps (45px up to 1023px, then 120px) and 48px side margins. It now uses the fluid display scale and the shared container gutters, stays centered with padding for short screens, and its title is the page's h1 (header and footer are hidden here). CardSplit, used only by this page, tightens its stacked phone layout. Co-Authored-By: Claude Opus 5.5 --- src/app/matricole/guida/page.tsx | 15 ++++++++++----- src/components/card-split/index.tsx | 5 +++-- 2 files changed, 13 insertions(+), 7 deletions(-) diff --git a/src/app/matricole/guida/page.tsx b/src/app/matricole/guida/page.tsx index 91334bfb..5d8871a4 100644 --- a/src/app/matricole/guida/page.tsx +++ b/src/app/matricole/guida/page.tsx @@ -1,7 +1,9 @@ import type { Metadata } from "next" import { FiDownload } from "react-icons/fi" import { CardSplit } from "@/components/card-split" +import { CONTAINER } from "@/components/layout/page" import { Button } from "@/components/ui/button" +import { cn } from "@/lib/utils" import { getLatestGuidaMatricola } from "@/queries/guida-matricola" export const metadata: Metadata = { @@ -22,12 +24,15 @@ export default async function GuidaMatricolaPage() { const formattedDate = new Intl.DateTimeFormat("it-IT", { dateStyle: "long" }).format(new Date(guida.date)) return ( -
-
-

+ // Standalone page (no header or footer, see `HIDDEN_ROUTES`): the content stays centered on screen, with the + // shared gutters. The vertical padding keeps it off the edges on short landscape screens. +
+
+ {/* Fluid size: the title used to jump from 45px to 120px at 1024px, leaving tablets with a small title */} +

Guida della Matricola -

-

+

+

Controlla l'ultima versione disponibile e scarica il PDF aggiornato.

diff --git a/src/components/card-split/index.tsx b/src/components/card-split/index.tsx index 33049da0..3749dd96 100644 --- a/src/components/card-split/index.tsx +++ b/src/components/card-split/index.tsx @@ -15,8 +15,9 @@ export function CardSplit({ textPrimary, textSecondary, textSecondarySmall, acti className )} > -
-
+ {/* Stacked on phones: the 40px gaps of the row layout left the three parts floating apart, so they tighten there */} +
+
{textPrimary ? : null} {hasSecondaryContent && ( From 8092a2f79061f3030cbe189ac5a58cb0815c455f Mon Sep 17 00:00:00 2001 From: Bianca Roberta Ianosel Date: Mon, 2 Nov 2026 13:44:44 +0000 Subject: [PATCH 2/3] refactor(matricole): the Guida della Matricola title uses Hero It was the third page-title implementation, with its own gradient and sizes. Hero already fits long words to the width. --- src/app/matricole/guida/page.tsx | 15 ++++++--------- src/components/card-split/index.tsx | 1 - 2 files changed, 6 insertions(+), 10 deletions(-) diff --git a/src/app/matricole/guida/page.tsx b/src/app/matricole/guida/page.tsx index 5d8871a4..5456da77 100644 --- a/src/app/matricole/guida/page.tsx +++ b/src/app/matricole/guida/page.tsx @@ -3,6 +3,7 @@ import { FiDownload } from "react-icons/fi" import { CardSplit } from "@/components/card-split" import { CONTAINER } from "@/components/layout/page" import { Button } from "@/components/ui/button" +import { Hero } from "@/components/ui/hero" import { cn } from "@/lib/utils" import { getLatestGuidaMatricola } from "@/queries/guida-matricola" @@ -27,15 +28,11 @@ export default async function GuidaMatricolaPage() { // Standalone page (no header or footer, see `HIDDEN_ROUTES`): the content stays centered on screen, with the // shared gutters. The vertical padding keeps it off the edges on short landscape screens.
-
- {/* Fluid size: the title used to jump from 45px to 120px at 1024px, leaving tablets with a small title */} -

- Guida della Matricola -

-

- Controlla l'ultima versione disponibile e scarica il PDF aggiornato. -

-
+ - {/* Stacked on phones: the 40px gaps of the row layout left the three parts floating apart, so they tighten there */}
{textPrimary ? : null} From b1de36d74a0a70d9beddf42bc513e31dd651a91e Mon Sep 17 00:00:00 2001 From: Bianca Roberta Ianosel Date: Mon, 2 Nov 2026 14:03:54 +0000 Subject: [PATCH 3/3] fix(matricole): restore the Guida della Matricola's own title Hero wrapped the title onto three lines at 320px and pushed the download button below a 320x568 screen. This standalone page has no header, so it keeps its fluid title; a comment now says why. --- src/app/matricole/guida/page.tsx | 15 +++++++++------ 1 file changed, 9 insertions(+), 6 deletions(-) diff --git a/src/app/matricole/guida/page.tsx b/src/app/matricole/guida/page.tsx index 5456da77..c959f7a6 100644 --- a/src/app/matricole/guida/page.tsx +++ b/src/app/matricole/guida/page.tsx @@ -3,7 +3,6 @@ import { FiDownload } from "react-icons/fi" import { CardSplit } from "@/components/card-split" import { CONTAINER } from "@/components/layout/page" import { Button } from "@/components/ui/button" -import { Hero } from "@/components/ui/hero" import { cn } from "@/lib/utils" import { getLatestGuidaMatricola } from "@/queries/guida-matricola" @@ -28,11 +27,15 @@ export default async function GuidaMatricolaPage() { // Standalone page (no header or footer, see `HIDDEN_ROUTES`): the content stays centered on screen, with the // shared gutters. The vertical padding keeps it off the edges on short landscape screens.
- + {/* Not Hero: this page has no header, and Hero's spacing would push the download below the fold on phones */} +
+

+ Guida della Matricola +

+

+ Controlla l'ultima versione disponibile e scarica il PDF aggiornato. +

+