refactor: add dark theme in status page

2023-12-16 13:41:20 +08:00 · 2023-12-16 13:41:20 +08:00 · 824d5cd14e
commit 824d5cd14e
parent 63145c1e4b
2 changed files with 5 additions and 1 deletions
--- a/src/client/index.css
+++ b/src/client/index.css
@ -23,6 +23,10 @@ a {
  height: 100%;
 }

+.App.dark {
+  @apply bg-gray-900 text-white;
+}
+
 /* Scrollbar */
 ::-webkit-scrollbar {
  width: 8px;
--- a/src/client/pages/Status.tsx
+++ b/src/client/pages/Status.tsx
@ -16,7 +16,7 @@ export const StatusPage: React.FC = React.memo(() => {
  const monitorList = info?.monitorList ?? [];

  return (
-    <div className="w-4/5 mx-auto py-8">
+    <div className="w-4/5 mx-auto py-8 ">
      <div className="text-2xl mb-4">{info?.title}</div>

      <div className="text-lg mb-2">Services</div>