fixed the logo size of the sponsors sections

Author: saurabh007007

src/components/Support/Support.jsx

@@ -173,10 +173,10 @@ export default class Support extends Component {
           {rank === 'backer'
             ? 'Backers'
             : rank === 'latest'
-            ? 'Latest Sponsors'
-            : `${rank[0].toUpperCase()}${rank.slice(1)} ${
-                type === 'monthly' ? 'Monthly ' : ''
-              }Sponsors`}
+              ? 'Latest Sponsors'
+              : `${rank[0].toUpperCase()}${rank.slice(1)} ${
+                  type === 'monthly' ? 'Monthly ' : ''
+                }Sponsors`}
         </h2>
         <VisibilitySensor
           delayedCall
@@ -240,7 +240,7 @@ export default class Support extends Component {
               >
                 {
                   <img
-                    className={`support__${rank}-avatar`}
+                    className={`support__${rank}-avatar support__image`}
                     src={
                       inView && supporter.avatar ? supporter.avatar : SmallIcon
                     }
@@ -276,6 +276,7 @@ export default class Support extends Component {
    */
   _handleImgError(e) {
     const imgNode = e.target;
+    console.error('Image failed to load:', imgNode.src);
     if (imgNode.getAttribute('src') === SmallIcon) return;
     imgNode.setAttribute('src', SmallIcon);
   }

src/components/Support/Support.scss

@@ -1,5 +1,14 @@
 @import 'functions';
 
+.support__image {
+  width: 100px; /* Set a uniform width */
+  height: 100px; /* Set a uniform height */
+  object-fit: contain; /* Ensures the image maintains its aspect ratio */
+  border-radius: 10px; /* Optional: Adds rounded corners */
+  background-color: white; /* Fallback background */
+  padding: 3px; /* Add some spacing */
+}
+
 .support {
   display: flex;
   flex-wrap: wrap;

yarn.lock

@@ -2107,14 +2107,7 @@
     "@octokit/plugin-request-log" "^5.3.1"
     "@octokit/plugin-rest-endpoint-methods" "^13.0.0"
 
-"@octokit/types@^13.0.0", "@octokit/types@^13.5.0":
-  version "13.5.0"
-  resolved "https://registry.yarnpkg.com/@octokit/types/-/types-13.5.0.tgz#4796e56b7b267ebc7c921dcec262b3d5bfb18883"
-  integrity sha512-HdqWTf5Z3qwDVlzCrP8UJquMwunpDiMPt5er+QjGzL4hqr/vBVY/MauQgS1xWxCDT1oMx1EULyqxncdCY/NVSQ==
-  dependencies:
-    "@octokit/openapi-types" "^22.2.0"
-
-"@octokit/types@^13.6.2", "@octokit/types@^13.7.0":
+"@octokit/types@^13.0.0", "@octokit/types@^13.5.0", "@octokit/types@^13.6.2", "@octokit/types@^13.7.0":
   version "13.8.0"
   resolved "https://registry.yarnpkg.com/@octokit/types/-/types-13.8.0.tgz#3815885e5abd16ed9ffeea3dced31d37ce3f8a0a"
   integrity sha512-x7DjTIbEpEWXK99DMd01QfWy0hd5h4EN+Q7shkdKds3otGQP+oWE/y0A76i1OvH9fygo4ddvNf7ZvF0t78P98A==