diff --git a/src/shared/components/common/media-uploads.tsx b/src/shared/components/common/media-uploads.tsx index dde72adc96..63a6007a68 100644 --- a/src/shared/components/common/media-uploads.tsx +++ b/src/shared/components/common/media-uploads.tsx @@ -58,7 +58,7 @@ export class MediaUploads extends Component {
{this.deleteImageBtn(i.local_image)}
diff --git a/src/shared/components/common/pictrs-image.tsx b/src/shared/components/common/pictrs-image.tsx index 94e30e3f26..41698a4ef5 100644 --- a/src/shared/components/common/pictrs-image.tsx +++ b/src/shared/components/common/pictrs-image.tsx @@ -18,7 +18,7 @@ const defaultImgSize = 512; const bannerSize = 2048; type PictrsImageType = - | "full_size" + | "large_thumbnail" | "thumbnail" | "icon" | "banner" @@ -195,9 +195,16 @@ export function buildPictrsSrc(src: string, type: PictrsImageType): string { url.searchParams.set("max_size", thumbnailSize.toString()); break; case "icon": + case "icon_without_banner": url.searchParams.set("max_size", iconThumbnailSize.toString()); break; case "banner": + case "icon_and_banner": + case "card_top": + url.searchParams.set("max_size", bannerSize.toString()); + break; + case "large_thumbnail": + // Use bannerSize here for slight downscaling, but larger than thumbnail url.searchParams.set("max_size", bannerSize.toString()); break; default: diff --git a/src/shared/components/post/post-listing-card.tsx b/src/shared/components/post/post-listing-card.tsx index 6ca0d7c23b..91a440f35a 100644 --- a/src/shared/components/post/post-listing-card.tsx +++ b/src/shared/components/post/post-listing-card.tsx @@ -349,7 +349,7 @@ function PostImg({