ColdBreeze/ColdBreeze-chat-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: darkmode for inactive page

Browse Source
This commit is contained in:
Tristan Yang
2023-02-15 17:43:48 +08:00
parent 56bd1557db
commit 26e54e10fe
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/common/component/InactiveScreen.tsx
+4 -4
View File
@@ -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>