Add footer & fix some text color

src/layouts/Footer.tsx

@@ -0,0 +1,13 @@
+const Footer: React.FC = () => {
+  return (
+    <div className="footer flex w-full flex-col justify-center gap-1 text-xs text-base-content/80">
+      <p>©2024 OJ Lab</p>
+      <p className="flex flex-row">
+        Github:
+        <a href="https://github.com/oj-lab">https://github.com/oj-lab</a>
+      </p>
+    </div>
+  );
+};
+
+export default Footer;

src/layouts/Layout.tsx

@@ -12,6 +12,7 @@ import {
 import { messageMapSelector } from "@/store/selectors";
 import { joinClasses } from "@/utils/common";
 import { useTranslation } from "react-i18next";
+import Footer from "./Footer";
 
 export interface LayoutProps {
   children?: React.ReactNode;
@@ -47,6 +48,7 @@ const Layout: React.FC<LayoutProps> = (props) => {
             <PageBreadcrumbs />
             {props.children}
             {!props.children && <Outlet />}
+            <Footer />
           </main>
           <div className="toast toast-center toast-top w-1/3 gap-1">
             {Object.keys(messageMap).map((key, idx) => {

src/pages/Login.tsx

@@ -92,13 +92,14 @@ const Login: React.FC = () => {
           >
             {loginMode === "oauth" ? (
               <>
-                <PasswordIcon className="h-4 w-auto text-slate-500" />
+                <PasswordIcon className="h-4 w-auto text-base-content/80" />
                 <div>
-                  <span className="!text-xs !font-normal text-slate-500">
+                  <span className="!text-xs !font-normal text-base-content/80">
                     Password Login
                   </span>
-                  <span className="!text-xs !font-normal text-slate-400">
-                    &ensp;(Internal)
+                  <span className="!text-xs !font-normal text-base-content/60">
+                    {" "}
+                    (Internal)
                   </span>
                 </div>
               </>