diff --git a/packages/@ourworldindata/utils/src/image.ts b/packages/@ourworldindata/utils/src/image.ts index bdb70c69898..4e2512406e6 100644 --- a/packages/@ourworldindata/utils/src/image.ts +++ b/packages/@ourworldindata/utils/src/image.ts @@ -6,7 +6,6 @@ import { traverseEnrichedBlock } from "./Util.js" import { OwidGdoc, OwidGdocType, ImageMetadata } from "@ourworldindata/types" import { match, P } from "ts-pattern" -export const AUTHOR_BYLINE_WIDTH = 48 export const THUMBNAIL_WIDTH = 100 export const LARGE_THUMBNAIL_WIDTH = 350 @@ -15,7 +14,7 @@ export function getSizes( ): number[] { if (!originalWidth) return [] // ensure a thumbnail and author byline is generated - const widths = [AUTHOR_BYLINE_WIDTH, THUMBNAIL_WIDTH] + const widths = [THUMBNAIL_WIDTH] // start at large thumbnail and go up by 500 to a max of 1350 before we just show the original image let width = LARGE_THUMBNAIL_WIDTH while (width < originalWidth && width <= 1350) { diff --git a/site/gdocs/components/Image.tsx b/site/gdocs/components/Image.tsx index 57e58bbb967..4581425af76 100644 --- a/site/gdocs/components/Image.tsx +++ b/site/gdocs/components/Image.tsx @@ -53,7 +53,7 @@ const containerSizes: Record = { ["datapage"]: gridSpan6, ["full-width"]: "100vw", ["key-insight"]: gridSpan5, - ["author-byline"]: "48px", + ["author-byline"]: "100px", ["author-header"]: gridSpan2, ["span-5"]: gridSpan5, ["span-6"]: gridSpan6,