From 6f18a4cb4891f51e37888b41b55b4543fbd81cb3 Mon Sep 17 00:00:00 2001
From: ChrQR <christian@rannes.com>
Date: Fri, 17 May 2024 11:31:09 +0200
Subject: [PATCH] fixed css

---
 app/globals.css              | 30 ------------------------------
 app/page.tsx                 |  4 ++--
 components/ThemeSwitcher.tsx |  2 +-
 3 files changed, 3 insertions(+), 33 deletions(-)

diff --git a/app/globals.css b/app/globals.css
index 875c01e..b5c61c9 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -1,33 +1,3 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
-
-:root {
-  --foreground-rgb: 0, 0, 0;
-  --background-start-rgb: 214, 219, 220;
-  --background-end-rgb: 255, 255, 255;
-}
-
-@media (prefers-color-scheme: dark) {
-  :root {
-    --foreground-rgb: 255, 255, 255;
-    --background-start-rgb: 0, 0, 0;
-    --background-end-rgb: 0, 0, 0;
-  }
-}
-
-body {
-  color: rgb(var(--foreground-rgb));
-  background: linear-gradient(
-      to bottom,
-      transparent,
-      rgb(var(--background-end-rgb))
-    )
-    rgb(var(--background-start-rgb));
-}
-
-@layer utilities {
-  .text-balance {
-    text-wrap: balance;
-  }
-}
diff --git a/app/page.tsx b/app/page.tsx
index 233bd16..31b07b2 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -8,8 +8,8 @@ export default async function Home() {
   const users = await getUsers();
   const session: Session | null = await auth();
   return (
-    <main>
-      <div className="w-full h-full flex flex-col items-center">
+    <main className="min-h-screen w-full">
+      <div className="min-h-screen w-full flex flex-col items-center justify-center">
         <SignIn session={session} />
         <ThemeSwitcher />
       </div>
diff --git a/components/ThemeSwitcher.tsx b/components/ThemeSwitcher.tsx
index c99f558..3d4ed77 100644
--- a/components/ThemeSwitcher.tsx
+++ b/components/ThemeSwitcher.tsx
@@ -16,7 +16,7 @@ export function ThemeSwitcher() {
   if (!mounted) return null;
 
   return (
-    <div>
+    <div className="flex gap-2 items-center my-2">
       The current theme is: {theme}
       <Button onClick={() => setTheme("light")}>Light Mode</Button>
       <Button onClick={() => setTheme("dark")}>Dark Mode</Button>