From 26e54e10fe0fab938f04e194f3def4ddff216b09 Mon Sep 17 00:00:00 2001
From: Tristan Yang <yanggc888@163.com>
Date: Wed, 15 Feb 2023 17:43:48 +0800
Subject: [PATCH] refactor: darkmode for inactive page

---
 src/common/component/InactiveScreen.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/common/component/InactiveScreen.tsx b/src/common/component/InactiveScreen.tsx
index eefc58d2..b1b586ec 100644
--- a/src/common/component/InactiveScreen.tsx
+++ b/src/common/component/InactiveScreen.tsx
@@ -24,10 +24,10 @@ const InactiveScreen: FC<Props> = () => {
     location.reload();
   };
   return (
-    <div className="w-screen h-screen flex-center text-4xl font-bold">
-      <div className="flex flex-col items-center gap-2">
-        <h1 className="text-4xl font-bold">{t("inactive.title")}</h1>
-        <p className="text-gray-400 text-base font-semibold" >{t("inactive.desc")}</p>
+    <div className="w-screen h-screen dark:bg-gray-700 flex-center text-4xl font-bold">
+      <div className="flex flex-col items-center text-center gap-2">
+        <h1 className="text-lg md:text-4xl dark:text-white font-bold">{t("inactive.title")}</h1>
+        <p className="text-gray-400 text-xs md:text-sm font-semibold" >{t("inactive.desc")}</p>
         <Button className="mt-4 uppercase" onClick={handleReload}>{t("action.reload")}</Button>
       </div>