diff --git a/src/app/globals.css b/src/app/globals.css index 95da4fa57..b2c30862c 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -89,6 +89,14 @@ --text-3xl-plus: 1.9rem; --text-4xl-minus: 2.15rem; + /* Fluid display heading for the hero / mode-home titles (hybrid-fluid type: + the large display heading scales continuously; body / UI text stays on the + stepped scale above). The floor is deliberately 1.45rem so the phone + baseline (23.2px at ≤~393px) is unchanged, then it ramps to the 2.15rem cap + by ~1033px — no breakpoint jumps. Generates the `text-hero` utility. + clamp() font sizes are not flagged by scripts/check-type-scale.mjs. */ + --text-hero: clamp(1.45rem, 1.02rem + 1.75vw, 2.15rem); + /* Font families: bind Tailwind's font-sans / font-mono to the loaded Geist faces (variables set on by next/font). font-mono is used for clinical codes and IDs (guideline refs, chunk/page numbers, versions). */ diff --git a/src/components/applications-launcher-page.tsx b/src/components/applications-launcher-page.tsx index 446c2a73b..a8eab39f6 100644 --- a/src/components/applications-launcher-page.tsx +++ b/src/components/applications-launcher-page.tsx @@ -754,7 +754,6 @@ export function ApplicationsLauncherWorkspace({ subtitle={copy.description} icon={Grid2X2} headingLevel={1} - compact /> {desktopComposerSlotId ? ( diff --git a/src/components/clinical-dashboard/favourites-hub.tsx b/src/components/clinical-dashboard/favourites-hub.tsx index 57236b9ca..2c4c9dcc9 100644 --- a/src/components/clinical-dashboard/favourites-hub.tsx +++ b/src/components/clinical-dashboard/favourites-hub.tsx @@ -166,7 +166,6 @@ export function FavouritesHub({ subtitle="Notes, sources, medication pages, and clinical sets, ready to reuse." icon={Heart} headingLevel={headingLevel} - compact /> {desktopComposerSlotId ? ( diff --git a/src/components/clinical-dashboard/medication-prescribing-workspace.tsx b/src/components/clinical-dashboard/medication-prescribing-workspace.tsx index c02e3cee1..6ba67f922 100644 --- a/src/components/clinical-dashboard/medication-prescribing-workspace.tsx +++ b/src/components/clinical-dashboard/medication-prescribing-workspace.tsx @@ -34,7 +34,7 @@ import { medicationIdentityBadges, type MedicationRecord } from "@/lib/medicatio import { medicationMatchesCommandScopes } from "@/lib/search-command-surface"; import { SEMANTIC_TONE_META } from "@/lib/semantic-tone"; import { isDeployedClinicalKb } from "@/lib/deployed-app"; -import { cn, EmptyState } from "@/components/ui-primitives"; +import { cn, EmptyState, pageContainer } from "@/components/ui-primitives"; type MedicationPrescribingWorkspaceProps = { query: string; @@ -421,7 +421,7 @@ function MedicationResults({ const activeFilterLabel = medicationResultFilters.find((filter) => filter.id === activeFilter)?.label ?? "filtered"; return ( -
+
diff --git a/src/components/clinical-dashboard/medication-record-page.tsx b/src/components/clinical-dashboard/medication-record-page.tsx index 6b8502f7d..093deb24d 100644 --- a/src/components/clinical-dashboard/medication-record-page.tsx +++ b/src/components/clinical-dashboard/medication-record-page.tsx @@ -28,7 +28,7 @@ import { type MedicationGovernance, } from "@/lib/medication-badges"; import { medicationDetailTiles, type MedicationRecord, type MedicationSection } from "@/lib/medications"; -import { cn } from "@/components/ui-primitives"; +import { cn, pageContainer } from "@/components/ui-primitives"; const sectionIcons: Record = { dose: CalendarDays, @@ -176,7 +176,7 @@ function MedicationRecordDetail({ const activeSections = sectionsByTab[activeTab]; return ( -
+
diff --git a/src/components/differentials/differential-detail-page.tsx b/src/components/differentials/differential-detail-page.tsx index d6526c33a..11c8cf1e1 100644 --- a/src/components/differentials/differential-detail-page.tsx +++ b/src/components/differentials/differential-detail-page.tsx @@ -28,7 +28,7 @@ import { import type { DifferentialRecordGovernance } from "@/components/clinical-dashboard/use-differential-catalog"; import { DiagnosisMapPanel } from "@/components/differentials/diagnosis-map-panel"; import { CopyAfterReviewButton } from "@/components/differentials/differential-presentation-actions"; -import { cn, toneDanger, toneNeutral, toneWarning } from "@/components/ui-primitives"; +import { cn, pageContainer, toneDanger, toneNeutral, toneWarning } from "@/components/ui-primitives"; import { appModeHomeHref } from "@/lib/app-modes"; import { cleanDifferentialItem, @@ -817,7 +817,7 @@ function IconForDiagnosis({ record }: { record: DifferentialRecord }) { function HeaderChrome() { return (
-
+
-
+