From 4f4611783dbb08368ba8c9527995bbc2b23d367a Mon Sep 17 00:00:00 2001
From: Dessalines <tyhou13@gmx.com>
Date: Sat, 24 Oct 2020 14:41:01 -0500
Subject: [PATCH] Fixing extending width icons. Fixes #64

---
 src/shared/components/banner-icon-header.tsx | 1 +
 src/shared/components/pictrs-image.tsx       | 4 +++-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/shared/components/banner-icon-header.tsx b/src/shared/components/banner-icon-header.tsx
index cb84eb2..8ec98b0 100644
--- a/src/shared/components/banner-icon-header.tsx
+++ b/src/shared/components/banner-icon-header.tsx
@@ -19,6 +19,7 @@ export class BannerIconHeader extends Component<BannerIconHeaderProps, any> {
           <PictrsImage
             src={this.props.icon}
             iconOverlay
+            noFluid
             pushup={!!this.props.banner}
           />
         )}
diff --git a/src/shared/components/pictrs-image.tsx b/src/shared/components/pictrs-image.tsx
index 471a0b7..d065699 100644
--- a/src/shared/components/pictrs-image.tsx
+++ b/src/shared/components/pictrs-image.tsx
@@ -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 '}
-- 
2.44.1