fix: inline matrix logo

Ultramarine-Linux · Aug 20, 2024 · c48879f · c48879f
1 parent 8d3afb4
commit c48879f
Showing 1 changed file with 23 additions and 14 deletions.
diff --git a/src/components/Header.astro b/src/components/Header.astro
@@ -38,12 +38,12 @@ import ThemeSwitch from "./ThemeSwitch.vue";
             >Merch
         </a>
         <a
-        href="https://blog.fyralabs.com/"
-        class="hover:text-blue-600 dark:hover:text-blue-500 md:block hidden"
-        target="_blank"
-        rel="noopener noreferrer"
-        >Blog
-    </a>
+            href="https://blog.fyralabs.com/"
+            class="hover:text-blue-600 dark:hover:text-blue-500 md:block hidden"
+            target="_blank"
+            rel="noopener noreferrer"
+            >Blog
+        </a>
     </div>
     <div
         class="links-right flex flex-row gap-8 justify-center align-middle items-center font-semibold"
@@ -59,14 +59,23 @@ import ThemeSwitch from "./ThemeSwitch.vue";
             <span class="hidden">Ultramarine Discord server</span>
         </a>
         <a
-        href="https://fyralabs.com/matrix"
-        class="fab fa-comments text-2xl hover:text-blue-600 dark:hover:text-blue-500"
-        aria-label="Ultramarine Matrix link"
-        target="_blank"
-        rel="noopener noreferrer"
-    >
-        <span class="hidden">Ultramarine Discord server</span>
-    </a>
+            href="https://fyralabs.com/matrix"
+            class="w-6 hover:text-blue-600 dark:hover:text-blue-500"
+            aria-label="Ultramarine Matrix link"
+            target="_blank"
+            rel="noopener noreferrer"
+        >
+            <svg
+                role="img"
+                viewBox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg"
+                fill="currentColor"
+                ><title>Matrix</title><path
+                    d="M.632.55v22.9H2.28V24H0V0h2.28v.55zm7.043 7.26v1.157h.033c.309-.443.683-.784 1.117-1.024.433-.245.936-.365 1.5-.365.54 0 1.033.107 1.481.314.448.208.785.582 1.02 1.108.254-.374.6-.706 1.034-.992.434-.287.95-.43 1.546-.43.453 0 .872.056 1.26.167.388.11.716.286.993.53.276.245.489.559.646.951.152.392.23.863.23 1.417v5.728h-2.349V11.52c0-.286-.01-.559-.032-.812a1.755 1.755 0 0 0-.18-.66 1.106 1.106 0 0 0-.438-.448c-.194-.11-.457-.166-.785-.166-.332 0-.6.064-.803.189a1.38 1.38 0 0 0-.48.499 1.946 1.946 0 0 0-.231.696 5.56 5.56 0 0 0-.06.785v4.768h-2.35v-4.8c0-.254-.004-.503-.018-.752a2.074 2.074 0 0 0-.143-.688 1.052 1.052 0 0 0-.415-.503c-.194-.125-.476-.19-.854-.19-.111 0-.259.024-.439.074-.18.051-.36.143-.53.282-.171.138-.319.337-.439.595-.12.259-.18.6-.18 1.02v4.966H5.46V7.81zm15.693 15.64V.55H21.72V0H24v24h-2.28v-.55z"
+                ></path></svg
+            >
+            <span class="hidden">Ultramarine Matrix space</span>
+        </a>
         <a
             href="https://twitter.com/UltramarineProj"
             class="fab fa-twitter text-2xl hover:text-blue-600 dark:hover:text-blue-500"