fix item icon image on firefox

Co-authored-by: Argn0 <Argn0@users.noreply.github.com>
odota · Feb 25, 2024 · cbf3afa · cbf3afa
1 parent cbb7b53
commit cbf3afa
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/src/components/ItemTooltip/index.jsx b/src/components/ItemTooltip/index.jsx
@@ -45,6 +45,7 @@ const Header = styled.div`
   #item-img {
     display: inline-block;
     height: 100%;
+    width: 100%;
     border: 1px solid #080D15;
     box-sizing: border-box;
   } 

diff --git a/src/components/Visualizations/inflictorWithValue.jsx b/src/components/Visualizations/inflictorWithValue.jsx
@@ -72,6 +72,7 @@ display: inline-block;
 
     object, img {
       height: 18px;
+      width: 25px;
     }
   }
   &.neutral {
@@ -224,7 +225,7 @@ class InflictorWithValue extends React.Component {
             onMouseEnter={this.setShowTooltip}
           >
             {(!type || type === 'purchase' || type === 'backpack' || type === 'neutral') &&
-              <object data={image} height="27px" type="image/png">
+              <object data={image} height="27px" width="37px" type="image/png">
                 <img src="/assets/images/Dota2Logo.svg" alt="Dota 2 Logo" style={{ filter: 'grayscale(60%)', height: '27px' }} />
               </object>}
             {type === 'buff' &&