light mode logo fixed

TheShieldAuth · Oct 27, 2024 · 294c8e0 · 294c8e0
1 parent 3ca397f
commit 294c8e0
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 3 deletions.
diff --git a/components/logo.tsx b/components/logo.tsx
@@ -1,9 +1,20 @@
 import Image from "next/image";
 
 const Logo = (): React.ReactNode => (
-  <div className="w-full py-1 flex gap-4 justify-center">
-    <div className="relative h-16 w-40 flex items-center justify-center">
-      <Image src="/logo.svg" alt="shield logo" fill />
+  <div className="w-full flex gap-2 justify-center">
+    <div className="relative h-12 w-40 flex items-center justify-center">
+      <Image
+        src="/logo.svg"
+        alt="shield logo"
+        fill
+        className="hidden dark:block"
+      />
+      <Image
+        src="/logo-light.svg"
+        alt="shield logo"
+        fill
+        className="block dark:hidden"
+      />
     </div>
     <pre className="pt-2">Docs</pre>
   </div>