Merge pull request #706 from rishabhsharma1997/master

chore: lighthouse effect to 100% max width
layer5io · Aug 7, 2024 · 7755428 · 7755428
2 parents 16386cb + 0218651
commit 7755428
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/src/custom/CustomImage/CustomImage.tsx b/src/custom/CustomImage/CustomImage.tsx
@@ -53,13 +53,14 @@ const CustomImage: React.FC<ImageComponentProps> = ({ src, alt, ...props }) => {
             background: 'transparent',
             boxShadow: 'none',
             overflow: 'auto',
-            maxWidth: '60rem'
+            maxWidth: '100%'
           }
         }}
       >
         <img
           src={src}
           alt={alt}
+          onClick={handleZoomClose}
           style={{
             objectFit: 'contain',
             maxWidth: '100%',

diff --git a/src/custom/SetupPrerequisite/style.tsx b/src/custom/SetupPrerequisite/style.tsx
@@ -33,8 +33,10 @@ const Card = styled('a')(({ theme }) => ({
     boxShadow: 'rgb(0, 211, 169) 0px 0px 7px'
   },
   '& a': {
-    color: theme.palette.background.brand?.default,
-    margin: '0 !important'
+    margin: '0 !important',
+    '&:hover': {
+      color: theme.palette.background.brand?.default
+    }
   }
 }));