Merge pull request #4485 from HarshDobariya79/social-media-icon-size-fix

layer5io · Jul 21, 2023 · 2f7d213 · 2f7d213
2 parents 35a4c75 + 2b5071b
commit 2f7d213
Show file tree

Hide file tree

Showing 4 changed files with 30 additions and 10 deletions.
diff --git a/src/assets/images/socialIcons/linkedin-light.svg b/src/assets/images/socialIcons/linkedin-light.svg
diff --git a/src/assets/images/socialIcons/mail_keppel.svg b/src/assets/images/socialIcons/mail_keppel.svg
diff --git a/src/sections/Community/Handbook/Handbook.style.js b/src/sections/Community/Handbook/Handbook.style.js
@@ -338,13 +338,13 @@ export const HandbookWrapper = styled.div`
     }
 
     .channels-img {
-      width: 40px;
+      // width: 40px;
       height: 30px;
     }
 
     .channels-para {
       display: flex;
-      align-items: flex-end;
+      align-items: center;
     }
 
     .newcomers-journey{

diff --git a/src/sections/Community/Handbook/connect.js b/src/sections/Community/Handbook/connect.js
@@ -193,7 +193,7 @@ const Connect = () => {
               Learn more about Layer5 and connect with the community by following and
               engaging with us on our social media accounts.
             </p>
-            <div className="channels-list">
+            <div>
               <p className="channels-para">
                 <img
                   className="channels-img"
@@ -209,7 +209,7 @@ const Connect = () => {
               <p className="channels-para">
                 <img className="channels-img" src={mail_icon} alt="mail" />
                 &nbsp;&nbsp;
-                <a href="mailto:[email protected]">community@layer5.io</a>
+                <a href="mailto:community-managers@layer5.io">Connect with our community managers for any inquiries or support!</a>
               </p>
               <p className="channels-para">
                 <img
@@ -225,20 +225,20 @@ const Connect = () => {
               <p className="channels-para">
                 <img className="channels-img" src={github_icon} alt="github" />
                 &nbsp;&nbsp;
-                <a href="https://github.com/layer5io">Layer5io</a>
+                <a href="https://github.com/layer5io">Discover our projects on GitHub</a>
               </p>
               <p className="channels-para">
 
                 <img className="channels-img" src={linkedin_icon} alt="linkedin" />&nbsp;&nbsp;
-                <a href="https://www.linkedin.com/company/layer5">Layer5</a>
+                <a href="https://www.linkedin.com/company/layer5">Join our professional network on LinkedIn</a>
               </p>
               <p className="channels-para">
                 <img className="channels-img" src={docker_icon} alt="docker" />&nbsp;&nbsp;
-                <a href="https://hub.docker.com/u/layer5/">Layer5</a>
+                <a href="https://hub.docker.com/u/layer5/">Take control with Docker deployment</a>
               </p>
               <p className="channels-para">
                 <img className="channels-img" src={slack_icon} alt="slack" />&nbsp;&nbsp;
-                <a href="https://bit.ly/3fXwYPk">Layer5</a>
+                <a href="https://slack.layer5.io/">Communicate and collaborate with us on Slack</a>
 
               </p>
             </div>