Added dark modes

This commit is contained in:
2025-06-07 03:01:36 -03:00
parent 239c9cf313
commit d37509338e
6 changed files with 856 additions and 639 deletions

View File

@@ -1,24 +1,32 @@
---
import '@/styles/globals.css'
import Layout from '../layouts/Layout.astro';
import { AuthForm } from '../components/AuthForm';
import { Navbar } from '../components/Navbar';
import { AuthGuard } from '../components/AuthGuard';
import "@/styles/globals.css";
import Layout from "../layouts/Layout.astro";
import { AuthForm } from "../components/AuthForm";
import { Navbar } from "../components/Navbar";
import { AuthGuard } from "../components/AuthGuard";
---
<Layout title="Sign In - InboxNegotiator">
<Navbar client:load />
<AuthGuard requireAuth={false} client:load>
<main class="min-h-screen bg-gray-50 flex items-center justify-center py-12 px-4 sm:px-6 lg:px-8">
<div class="w-full max-w-md">
<div class="text-center mb-8">
<h1 class="text-3xl font-bold text-gray-900 mb-2">Sign In</h1>
<p class="text-gray-600">Access your debt resolution dashboard</p>
</div>
<AuthForm mode="login" client:load />
</div>
</main>
</AuthGuard>
</Layout>
<Navbar client:load />
<AuthGuard requireAuth={false} client:load>
<main
class="min-h-screen bg-gray-50 dark:bg-background flex items-center justify-center py-12 px-4 sm:px-6 lg:px-8"
>
<div class="w-full max-w-md">
<div class="text-center mb-8">
<h1
class="text-3xl font-bold text-gray-900 dark:text-foreground mb-2"
>
Sign In
</h1>
<p class="text-gray-600 dark:text-gray-300">
Access your debt resolution dashboard
</p>
</div>
<AuthForm mode="login" client:load />
</div>
</main>
</AuthGuard>
</Layout>