diff --git a/packages/@ourworldindata/types/src/gdocTypes/ArchieMlComponents.ts b/packages/@ourworldindata/types/src/gdocTypes/ArchieMlComponents.ts index 8360d507d83..d3d316af75a 100644 --- a/packages/@ourworldindata/types/src/gdocTypes/ArchieMlComponents.ts +++ b/packages/@ourworldindata/types/src/gdocTypes/ArchieMlComponents.ts @@ -258,7 +258,7 @@ export type EnrichedBlockNumberedList = { export type RawBlockPeopleRows = { type: "people-rows" value: { - columns: "2" + columns: "2" | "4" people: RawBlockPerson[] } } @@ -281,7 +281,7 @@ export type RawBlockPerson = { export type EnrichedBlockPeopleRows = { type: "people-rows" - columns: "2" + columns: "2" | "4" people: EnrichedBlockPerson[] } & EnrichedBlockWithParseErrors diff --git a/site/gdocs/components/People.scss b/site/gdocs/components/People.scss index 7dd5d37879b..2537255eea7 100644 --- a/site/gdocs/components/People.scss +++ b/site/gdocs/components/People.scss @@ -13,3 +13,15 @@ } } } + +.people-cols-4 { + @include lg-up { + .article-block__text { + @include body-3-medium; + } + + .person-socials { + @include body-3-medium; + } + } +} diff --git a/site/gdocs/components/People.tsx b/site/gdocs/components/People.tsx index c5f33fe961c..e92822e8956 100644 --- a/site/gdocs/components/People.tsx +++ b/site/gdocs/components/People.tsx @@ -7,15 +7,18 @@ export default function People({ children, }: { className?: string - columns?: "2" + columns?: "2" | "4" children: React.ReactNode }) { return (