From 38a109ba9215bd161fb9205e162b24a0afb6bcce Mon Sep 17 00:00:00 2001 From: Alec Armbruster <35377827+alectrocute@users.noreply.github.com> Date: Wed, 28 Jun 2023 22:44:10 -0400 Subject: [PATCH] Add fixed width/height to `PostListing` thumbnail parent (#1660) * add static width/height for post listing thumbnails * Update src/shared/components/post/post-listing.tsx Co-authored-by: Jay Sitter * make hopefully final tweaks * remove .overflow-hidden --------- Co-authored-by: Jay Sitter Co-authored-by: SleeplessOne1917 --- src/assets/css/main.css | 6 +++--- src/shared/components/post/post-listing.tsx | 8 ++++---- 2 files changed, 7 insertions(+), 7 deletions(-) diff --git a/src/assets/css/main.css b/src/assets/css/main.css index 63c1b471..e5c163b1 100644 --- a/src/assets/css/main.css +++ b/src/assets/css/main.css @@ -198,9 +198,9 @@ blockquote { .thumbnail { object-fit: cover; - aspect-ratio: 4/3; - width: 100%; - max-height: 6rem; + aspect-ratio: 1/1; + width: 5rem; + height: 5rem; } .thumbnail svg { diff --git a/src/shared/components/post/post-listing.tsx b/src/shared/components/post/post-listing.tsx index 15b015f7..ae6e2f3b 100644 --- a/src/shared/components/post/post-listing.tsx +++ b/src/shared/components/post/post-listing.tsx @@ -333,7 +333,7 @@ export class PostListing extends Component { return (