docs: change footer with x

spectrocloud · Sep 6, 2024 · 4c9699d · 4c9699d
1 parent 4c54c35
commit 4c9699d
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 6 deletions.
diff --git a/src/components/Footer/Footer.css b/src/components/Footer/Footer.css
@@ -15,12 +15,14 @@
 .Social-icons img {
   width: 32px;
   height: 32px;
-
-  filter: invert(100%);
   margin-right: 3px;
   margin-left: 3px;
 }
 
+.Social-invert { 
+  filter: invert(100%);
+}
+
 .footer-logo-container{
   margin: 8px;
 }

diff --git a/src/components/Footer/Footer.jsx b/src/components/Footer/Footer.jsx
@@ -1,6 +1,6 @@
 import React from "react";
 import './Footer.css'
-import twitter from "../../img/twitter.png";
+import twitter from "../../img/x.png";
 import linkedin from "../../img/linkedin.png";
 import mastodon from "../../img/mastodon.png";
 import logo from "../../img/logo.svg"
@@ -14,11 +14,11 @@ const Footer = () => {
               target={"_blank"}
               rel={"noreferrer"}
             >
-              <img src={linkedin} alt="linkedin" />
+              <img className="Social-invert" src={linkedin} alt="linkedin" />
             </a>
 
             <a
-              href="https://twitter.com/spectrocloudinc"
+              href="https://x.com/spectrocloudinc"
               target={"_blank"}
               rel={"noreferrer"}
             >
@@ -30,7 +30,7 @@ const Footer = () => {
               target={"_blank"}
               rel={"noreferrer"}
             >
-              <img src={mastodon} alt="mastodon" />
+              <img className="Social-invert" src={mastodon} alt="mastodon" />
             </a>
           </div>
           <div>

diff --git a/src/img/twitter.png b/src/img/twitter.png
diff --git a/src/img/x.png b/src/img/x.png