Fixing extending width icons. Fixes #64
This commit is contained in:
parent
1e468ab671
commit
4f4611783d
2 changed files with 4 additions and 1 deletions
|
@ -19,6 +19,7 @@ export class BannerIconHeader extends Component<BannerIconHeaderProps, any> {
|
|||
<PictrsImage
|
||||
src={this.props.icon}
|
||||
iconOverlay
|
||||
noFluid
|
||||
pushup={!!this.props.banner}
|
||||
/>
|
||||
)}
|
||||
|
|
|
@ -10,6 +10,7 @@ interface PictrsImageProps {
|
|||
nsfw?: boolean;
|
||||
iconOverlay?: boolean;
|
||||
pushup?: boolean;
|
||||
noFluid?: boolean;
|
||||
}
|
||||
|
||||
export class PictrsImage extends Component<PictrsImageProps, any> {
|
||||
|
@ -24,7 +25,8 @@ export class PictrsImage extends Component<PictrsImageProps, any> {
|
|||
<source srcSet={this.src('jpg')} type="image/jpeg" />
|
||||
<img
|
||||
src={this.src('jpg')}
|
||||
className={`img-fluid
|
||||
className={`
|
||||
${!this.props.noFluid && 'img-fluid '}
|
||||
${this.props.thumbnail ? 'thumbnail rounded ' : 'img-expanded '}
|
||||
${this.props.thumbnail && this.props.nsfw && 'img-blur '}
|
||||
${this.props.icon && 'rounded-circle img-icon mr-2 '}
|
||||
|
|
Loading…
Reference in a new issue