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

Fix banner. Fixes #466 (#534)

Browse source
This commit is contained in:
Dessalines 2022-01-06 11:26:32 -05:00 committed by GitHub
parent 08ae106992
commit 89c68a8478
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/shared/components/common/banner-icon-header.tsx
View file

@ -14,7 +14,9 @@ export class BannerIconHeader extends Component<BannerIconHeaderProps, any> {
render() {
return (
<div class="position-relative mb-2">
{this.props.banner && <PictrsImage src={this.props.banner} alt="" />}
{this.props.banner && (
<PictrsImage src={this.props.banner} banner alt="" />
)}
{this.props.icon && (
<PictrsImage
src={this.props.icon}

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

@ -8,6 +8,7 @@ interface PictrsImageProps {
src: string;
alt?: string;
icon?: boolean;
banner?: boolean;
thumbnail?: boolean;
nsfw?: boolean;
iconOverlay?: boolean;
@ -30,8 +31,9 @@ export class PictrsImage extends Component<PictrsImageProps, any> {
loading="lazy"
className={`
${!this.props.icon && !this.props.iconOverlay && "img-fluid "}
${this.props.banner && "banner "}
${
this.props.thumbnail && !this.props.icon
this.props.thumbnail && !this.props.icon && !this.props.banner
? "thumbnail rounded "
: "img-expanded "
}