Change Twitter logo to X logo

CybersecurityLuxembourg · Nov 20, 2023 · 0928f7f · 0928f7f
1 parent 033eac9
commit 0928f7f
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 4 deletions.
diff --git a/public/img/logo-x.svg b/public/img/logo-x.svg
diff --git a/src/component/bar/Footer.css b/src/component/bar/Footer.css
@@ -53,8 +53,10 @@
   width: fit-content;
 }
 
-#Footer .Footer-network a i:hover {
-  color: var(--secondary-color) !important;
+#Footer .Footer-network a > img {
+  max-width: 20px !important;
+  vertical-align: text-top;
+  margin-top: 4px;
 }
 
 #Footer .Footer-documentation-and-terms a {

diff --git a/src/component/bar/Footer.jsx b/src/component/bar/Footer.jsx
@@ -47,9 +47,12 @@ export default class Footer extends React.Component {
 									href="https://twitter.com/houseofcyber_lu"
 									rel="noreferrer"
 									target="_blank"
-									title="Twitter LHC"
+									title="X LHC"
 									className="text-capitalize">
-									<i className="fab fa-twitter Footer-network"/>
+									<img
+										src="/img/logo-x.svg"
+										alt="X Logo"
+									/>
 								</a>
 								<a
 									href="https://www.linkedin.com/company/houseofcybersecurity"