feat(website): update website logo to use svg (#14142)

taikoxyz · Jul 11, 2023 · 1217fb6 · 1217fb6
1 parent 0bba1e4
commit 1217fb6
Show file tree

Hide file tree

Showing 5 changed files with 21 additions and 4 deletions.
diff --git a/packages/website/components/ThemedImage.tsx b/packages/website/components/ThemedImage.tsx
@@ -1,6 +1,7 @@
+import { useEffect, useState } from "react";
+
 import Image from "next/image";
 import { useTheme } from "next-themes";
-import { useEffect, useState } from "react";
 
 function ThemedImage() {
   const { resolvedTheme } = useTheme();
@@ -9,8 +10,8 @@ function ThemedImage() {
   useEffect(() => {
     setSrc(
       resolvedTheme === "dark"
-        ? "/images/logotype-white.png"
-        : "/images/logotype-black.png"
+        ? "/images/logotype-white.svg"
+        : "/images/logotype-black.svg"
     );
   }, [resolvedTheme]);
 
@@ -20,7 +21,7 @@ function ThemedImage() {
       width={100}
       height={100}
       alt="logo"
-      style={{ width: "100%", height: "auto" }}
+      style={{ width: "128px", height: "auto" }}
     />
   ) : null;
 }

diff --git a/packages/website/public/images/logotype-black.png b/packages/website/public/images/logotype-black.png
diff --git a/packages/website/public/images/logotype-black.svg b/packages/website/public/images/logotype-black.svg
diff --git a/packages/website/public/images/logotype-white.png b/packages/website/public/images/logotype-white.png
diff --git a/packages/website/public/images/logotype-white.svg b/packages/website/public/images/logotype-white.svg