diff --git a/src/assets/css/main.css b/src/assets/css/main.css index b917b3ec..41ec231b 100644 --- a/src/assets/css/main.css +++ b/src/assets/css/main.css @@ -360,8 +360,9 @@ br.big { } .img-icon { - width: 2rem; - height: 2rem; + width: calc(var(--bs-body-line-height) * 1em); + height: calc(var(--bs-body-line-height) * 1em); + border-radius: 0.25em; } .tribute-container ul { diff --git a/src/shared/components/common/pictrs-image.tsx b/src/shared/components/common/pictrs-image.tsx index 31fb1229..9c14aefc 100644 --- a/src/shared/components/common/pictrs-image.tsx +++ b/src/shared/components/common/pictrs-image.tsx @@ -39,7 +39,7 @@ export class PictrsImage extends Component { "img-expanded slight-radius": !this.props.thumbnail && !this.props.icon, "img-blur": this.props.thumbnail && this.props.nsfw, - "rounded-circle img-cover img-icon me-2": this.props.icon, + "img-cover img-icon me-1": this.props.icon, "ms-2 mb-0 rounded-circle img-cover avatar-overlay": this.props.iconOverlay, "avatar-pushup": this.props.pushup, diff --git a/src/shared/components/post/post-listing.tsx b/src/shared/components/post/post-listing.tsx index 3883b9a1..a7064f05 100644 --- a/src/shared/components/post/post-listing.tsx +++ b/src/shared/components/post/post-listing.tsx @@ -106,7 +106,7 @@ interface PostListingProps { siteLanguages: number[]; showCommunity?: boolean; showBody?: boolean; - hideAvatars?: boolean; + smallAvatars?: boolean; hideImage?: boolean; enableDownvotes?: boolean; enableNsfw?: boolean; @@ -398,10 +398,7 @@ export class PostListing extends Component { const post_view = this.postView; return ( - + {this.creatorIsMod_ && ( {I18NextService.i18n.t("mod")} @@ -421,10 +418,7 @@ export class PostListing extends Component { <> {" "} {I18NextService.i18n.t("to")}{" "} - + )} {post_view.post.language_id !== 0 && ( diff --git a/src/shared/components/post/post-listings.tsx b/src/shared/components/post/post-listings.tsx index 29bbf588..1fdaeba2 100644 --- a/src/shared/components/post/post-listings.tsx +++ b/src/shared/components/post/post-listings.tsx @@ -76,7 +76,6 @@ export class PostListings extends Component { showCommunity={this.props.showCommunity} enableDownvotes={this.props.enableDownvotes} enableNsfw={this.props.enableNsfw} - hideAvatars={true} viewOnly={this.props.viewOnly} allLanguages={this.props.allLanguages} siteLanguages={this.props.siteLanguages}