From e351b46dee8f478888ad90d6ca3de697c5b26c79 Mon Sep 17 00:00:00 2001
From: tylerapfledderer <tyler.pfledderer@gmail.com>
Date: Sat, 8 Feb 2025 21:30:34 -0500
Subject: [PATCH] feat(Logo): migrate to Tailwind

---
 src/components/Logo/index.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/Logo/index.tsx b/src/components/Logo/index.tsx
index 3d7c094070d..9c32a6d7544 100644
--- a/src/components/Logo/index.tsx
+++ b/src/components/Logo/index.tsx
@@ -1,8 +1,8 @@
 import { useTranslation } from "next-i18next"
-import { useColorModeValue } from "@chakra-ui/react"
 
-import { Image } from "@/components/Image"
+import { TwImage as Image } from "@/components/Image"
 
+import useColorModeValue from "@/hooks/useColorModeValue"
 import darkImage from "@/public/images/ef-logo.png"
 import lightImage from "@/public/images/ef-logo-white.png"
 
@@ -11,7 +11,11 @@ const Logo = () => {
   const image = useColorModeValue(darkImage, lightImage)
 
   return (
-    <Image src={image} h={100} w="auto" alt={t("ethereum-foundation-logo")} />
+    <Image
+      src={image}
+      className="h-[100px] w-auto"
+      alt={t("ethereum-foundation-logo")}
+    />
   )
 }