LemmyNet/lemmy-ui
2
0
Fork 0
mirror of https://github.com/LemmyNet/lemmy-ui.git synced 2024-11-25 13:51:13 +00:00
Code Issues Projects Releases Wiki Activity

Fix banner. Fixes #466

Browse source
This commit is contained in:
Dessalines 2021-12-22 11:32:08 -05:00
parent 4c6713d3f2
commit 8ba574ce28
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 "
}