From 7d5a82cb463e26ff49badded9ec444b187ece236 Mon Sep 17 00:00:00 2001
From: mereith <wanglu@mereith.com>
Date: Tue, 21 Mar 2023 19:07:47 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=BC=80=E5=A7=8B=E5=8A=A0=E8=BD=BD?=
 =?UTF-8?q?=E6=97=B6=E5=AF=BC=E8=88=AA=E6=A0=8F=E5=8F=B3=E4=B8=8A=E8=A7=92?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E9=97=AA=E5=8A=A8=20#188?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/website/components/ThemeButton/index.tsx | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/packages/website/components/ThemeButton/index.tsx b/packages/website/components/ThemeButton/index.tsx
index 915f547a4..8b2dc0420 100644
--- a/packages/website/components/ThemeButton/index.tsx
+++ b/packages/website/components/ThemeButton/index.tsx
@@ -11,7 +11,19 @@ export default function (props: { defaultTheme: "auto" | "dark" | "light" }) {
 
   if (!showChild) {
     // You can show some kind of placeholder UI here
-    return null;
+    return <div className="flex items-center mr-4 ml-4 sm:ml-2 lg:ml-6">
+      <div className="dark:text-dark fill-gray-600">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          width={20}
+          height={20}
+          viewBox="0 0 1024 1024"
+          aria-label="auto icon"
+        >
+          <path d="M512 992C246.92 992 32 777.08 32 512S246.92 32 512 32s480 214.92 480 480-214.92 480-480 480zm0-840c-198.78 0-360 161.22-360 360 0 198.84 161.22 360 360 360s360-161.16 360-360c0-198.78-161.22-360-360-360zm0 660V212c165.72 0 300 134.34 300 300 0 165.72-134.28 300-300 300z"></path>
+        </svg>
+      </div>
+    </div>
   }
 
   return <Core {...props} />;