fedi/lemmy-ui
1
0
Fork 0
mirror of https://github.com/LemmyNet/lemmy-ui.git synced 2024-12-25 18:36:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: Restore icon avatars; make smaller and roundrect

Browse source
This commit is contained in:
Jay Sitter 2023-06-26 18:07:10 -04:00
parent 43253b01d2
commit f57bf3bb8b
4 changed files with 7 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/assets/css/main.css
View file

@ -360,8 +360,9 @@ br.big {
} }
.img-icon { .img-icon {
width: 2rem; width: calc(var(--bs-body-line-height) * 1em);
height: 2rem; height: calc(var(--bs-body-line-height) * 1em);
border-radius: 0.25em;
} }
.tribute-container ul { .tribute-container ul {

2
src/shared/components/common/pictrs-image.tsx
View file

@ -39,7 +39,7 @@ export class PictrsImage extends Component<PictrsImageProps, any> {
"img-expanded slight-radius": "img-expanded slight-radius":
!this.props.thumbnail && !this.props.icon, !this.props.thumbnail && !this.props.icon,
"img-blur": this.props.thumbnail && this.props.nsfw, "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": "ms-2 mb-0 rounded-circle img-cover avatar-overlay":
this.props.iconOverlay, this.props.iconOverlay,
"avatar-pushup": this.props.pushup, "avatar-pushup": this.props.pushup,

12
src/shared/components/post/post-listing.tsx
View file

@ -106,7 +106,7 @@ interface PostListingProps {
siteLanguages: number[]; siteLanguages: number[];
showCommunity?: boolean; showCommunity?: boolean;
showBody?: boolean; showBody?: boolean;
hideAvatars?: boolean; smallAvatars?: boolean;
hideImage?: boolean; hideImage?: boolean;
enableDownvotes?: boolean; enableDownvotes?: boolean;
enableNsfw?: boolean; enableNsfw?: boolean;
@ -398,10 +398,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
const post_view = this.postView; const post_view = this.postView;
return ( return (
<span className="small"> <span className="small">
<PersonListing <PersonListing person={post_view.creator} />
person={post_view.creator}
hideAvatar={this.props.hideAvatars}
/>
{this.creatorIsMod_ && ( {this.creatorIsMod_ && (
<span className="mx-1 badge text-bg-light"> <span className="mx-1 badge text-bg-light">
{I18NextService.i18n.t("mod")} {I18NextService.i18n.t("mod")}
@ -421,10 +418,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
<> <>
{" "} {" "}
{I18NextService.i18n.t("to")}{" "} {I18NextService.i18n.t("to")}{" "}
<CommunityLink <CommunityLink community={post_view.community} />
community={post_view.community}
hideAvatar={this.props.hideAvatars}
/>
</> </>
)} )}
{post_view.post.language_id !== 0 && ( {post_view.post.language_id !== 0 && (

1
src/shared/components/post/post-listings.tsx
View file

@ -76,7 +76,6 @@ export class PostListings extends Component<PostListingsProps, any> {
showCommunity={this.props.showCommunity} showCommunity={this.props.showCommunity}
enableDownvotes={this.props.enableDownvotes} enableDownvotes={this.props.enableDownvotes}
enableNsfw={this.props.enableNsfw} enableNsfw={this.props.enableNsfw}
hideAvatars={true}
viewOnly={this.props.viewOnly} viewOnly={this.props.viewOnly}
allLanguages={this.props.allLanguages} allLanguages={this.props.allLanguages}
siteLanguages={this.props.siteLanguages} siteLanguages={this.props.siteLanguages}