make it look better

minhd-vu · Feb 25, 2024 · 781d923 · 781d923
1 parent fabc67e
commit 781d923
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 7 deletions.
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -26,9 +26,11 @@ export default async function RootLayout({
       <body className={inter.className}>
         <SessionProvider session={session}>
           <ThemeProvider>
-            <Navbar />
-            {children}
-            <Footer />
+            <div className="flex flex-col min-h-screen">
+              <Navbar />
+              {children}
+              <Footer />
+            </div>
           </ThemeProvider>
         </SessionProvider>
       </body>

diff --git a/app/leaderboard/page.tsx b/app/leaderboard/page.tsx
@@ -36,7 +36,7 @@ export default async function Leaderboard() {
   ));
 
   return (
-    <div className="overflow-x-auto bg-base-300">
+    <div className="overflow-x-auto bg-base-300 mx-4 rounded-xl">
       <table className="table">
         <thead>
           <tr>

diff --git a/app/page.tsx b/app/page.tsx
@@ -6,7 +6,7 @@ export default async function Home() {
   const session = await getServerSession();
 
   return (
-    <div className="min-h-screen bg-base-200">
+    <div className="bg-base-200 flex flex-grow justify-center pt-20">
       <div>{session ? <Party /> : <Hero />}</div>
     </div>
   );

diff --git a/components/Footer.tsx b/components/Footer.tsx
@@ -1,6 +1,6 @@
 export default async function Footer() {
   return (
-    <footer className="footer footer-center p-4 bg-base-300 text-base-content fixed bottom-0">
+    <footer className="footer footer-center p-4 bg-base-300 text-base-content mt-auto">
       <aside>
         <p>
           © 2024{" "}

diff --git a/components/Hero.tsx b/components/Hero.tsx
@@ -2,7 +2,7 @@ import LoginButton from "./LoginButton";
 
 export default function Hero() {
   return (
-    <div className="hero min-h-screen bg-base-200">
+    <div className="hero bg-base-200">
       <div className="hero-content text-center">
         <div>
           <h1 className="text-5xl font-bold">Welcome to Assassins!</h1>