use modal for auth nav button

2023-03-02 17:53:13 +08:00
parent 3d3e7651e7
commit e562d53e06
3 changed files with 52 additions and 28 deletions
--- a/client/src/app/layout.tsx
+++ b/client/src/app/layout.tsx
@@ -2,6 +2,7 @@ import "@/styles/globals.css";

 import Navbar from "@/components/Navbar";
 import Footer from "@/components/Footer";
+import AuthModal from "@/components/AuthModal";

 export const metadata = {
  title: "chessu",
@@ -14,11 +15,12 @@ export default function RootLayout({ children }: { children: React.ReactNode })
      <body>
        <Navbar />

-        <main className="bg-base-200 mx-1 flex min-h-[70vh] justify-center rounded-3xl shadow-md md:mx-16 lg:mx-40">
-          {children}
-        </main>
+        <main className="mx-1 flex min-h-[70vh] justify-center md:mx-16 lg:mx-40">{children}</main>

        <Footer />
+
+        {/* auth modal, put in separate component */}
+        <AuthModal />
      </body>
    </html>
  );