1.0.3 - fix support section overflow bug #51

1.0.3 - fix support section overflow bug
AdVision-Group · Mar 2, 2023 · 175edec · 175edec
2 parents 2057c3f + 4182403
commit 175edec
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/components/support-section/support-section.component.tsx b/components/support-section/support-section.component.tsx
@@ -59,27 +59,31 @@ const SupportSection: React.FC = () => {
               <Image
                 src="/assets/support-section/talisman-v2.svg"
                 alt="talisman"
+                width={"100%"}
                 height={"100%"}
               />
             </a>
             <a href="https://polkadot.js.org/extension/">
               <Image
                 src="/assets/support-section/polkadot-v2.svg"
                 alt="polkadot"
+                width={"100%"}
                 height={"100%"}
               />
             </a>
             <a href="https://subwallet.app/">
               <Image
                 src="/assets/support-section/sub-wallet-v2.png"
                 alt="subwallet"
+                width={"100%"}
                 height={"100%"}
               />
             </a>
             <a href="https://www.enkrypt.com/">
               <Image
                 src="/assets/support-section/enkrypt-logo-color-v2.png"
                 alt="enkrypt"
+                width={"100%"}
                 height={"100%"}
               />
             </a>
@@ -93,6 +97,7 @@ const SupportSection: React.FC = () => {
               <Image
                 src="/assets/support-section/nova-v3.png"
                 alt="Nova"
+                width={"100%"}
                 height={"100%"}
               />
             </a>
@@ -203,12 +208,23 @@ const PartnersDirectory = styled.div`
   width: 100%;
   height: 4.2rem;
 
+  a {
+    display: block;
+    width: 4.2rem;
+  }
+
   @media all and (min-width: ${({ theme }) => theme.breakpoints.sm}) {
     justify-content: flex-start;
     height: 3.2rem;
+    a {
+      width: 3.2rem;
+    }
 
     @media all and (min-width: ${({ theme }) => theme.breakpoints.lg}) {
       height: 6rem;
+      a {
+        width: 6.2rem;
+      }
     }
   }
 `