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

Merge pull request #1210 from alectrocute/avatar-aspect-ratio-fix

Browse source 
Fix avatar/icon aspect ratio
This commit is contained in:
SleeplessOne1917 2023-06-12 21:15:18 +00:00 committed by GitHub
parent a605c72859 800c1655fe
commit b7f5c0e43e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -270,6 +270,10 @@ hr {
-ms-filter: blur(10px); -ms-filter: blur(10px);
} }
.img-cover {
object-fit: cover;
}
.img-expanded { .img-expanded {
max-height: 90vh; max-height: 90vh;
} }

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

@ -38,8 +38,9 @@ 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-icon mr-2": this.props.icon, "rounded-circle img-cover img-icon mr-2": this.props.icon,
"ml-2 mb-0 rounded-circle avatar-overlay": this.props.iconOverlay, "ml-2 mb-0 rounded-circle img-cover avatar-overlay":
this.props.iconOverlay,
"avatar-pushup": this.props.pushup, "avatar-pushup": this.props.pushup,
})} })}
/> />