remove green background

Signed-off-by: James Kinyua <[email protected]>
JayKay24 · Apr 15, 2024 · 090afaf · 090afaf
1 parent 8fb7609
commit 090afaf
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/src/sections/Community/community.style.js b/src/sections/Community/community.style.js
@@ -136,6 +136,11 @@ const CommunitySectionWrapper = styled.div`
             background-color: ${props => props.theme.secondaryLightColorTwo};
             transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
         }
+
+        .meshmate-img-transparent {
+            background-color: transparent;
+        }
+
         svg {
             max-width: 25rem;
             .meshmate-stack-colorMode_svg__colorMode1 {
@@ -193,6 +198,10 @@ const CommunitySectionWrapper = styled.div`
                 }
             }
         }
+
+        .meshmate-link-transparent {
+            background-color: transparent;
+        }
     }
 
     .newcomers-section {

diff --git a/src/sections/Community/index.js b/src/sections/Community/index.js
@@ -122,8 +122,8 @@ const CommunityPage = () => {
               </p>
             </Col>
             <Col sm={12} lg={6}>
-              <MeshmateIcon className="meshmate-img" />
-              <Link className="meshmate-link" to="/community/meshmates">
+              <MeshmateIcon className="meshmate-img meshmate-img-transparent" />
+              <Link className="meshmate-link meshmate-link-transparent" to="/community/meshmates">
                 <h2>Open Source Mentorship Program</h2>
                 <button className="icon" aria-label="mentorship-program">
                   <FaArrowRight />