Improvements to the UI

This commit is contained in:
pricewowen
2026-05-24 08:49:37 -06:00
parent d35b4e57d9
commit ec1bfa3fbe
60 changed files with 669 additions and 391 deletions

View File

@@ -29,7 +29,7 @@ export default function Page({
searchParams: Promise<{ error: string }>;
}) {
return (
<div className="flex min-h-svh w-full items-center justify-center p-6 md:p-10">
<div className="flex w-full flex-1 items-center justify-center p-6 md:p-10">
<div className="w-full max-w-sm">
<div className="flex flex-col gap-6">
<Card>

View File

@@ -2,7 +2,7 @@ import { ForgotPasswordForm } from "@/components/forgot-password-form";
export default function Page() {
return (
<div className="flex min-h-svh w-full items-center justify-center p-6 md:p-10">
<div className="flex w-full flex-1 items-center justify-center p-6 md:p-10">
<div className="w-full max-w-sm">
<ForgotPasswordForm />
</div>

View File

@@ -1,14 +1,7 @@
import { AuthBottomNav } from "@/components/layout/auth-bottom-nav";
export default function AuthLayout({
children,
}: {
children: React.ReactNode;
}) {
return (
<>
{children}
<AuthBottomNav />
</>
);
return <div className="flex min-h-0 flex-1 flex-col pb-nav">{children}</div>;
}

View File

@@ -2,7 +2,7 @@ import { LoginForm } from "@/components/login-form";
export default function Page() {
return (
<div className="flex min-h-svh w-full items-center justify-center p-6 md:p-10">
<div className="flex w-full flex-1 items-center justify-center p-6 md:p-10">
<div className="w-full max-w-sm">
<LoginForm />
</div>

View File

@@ -8,7 +8,7 @@ import {
export default function Page() {
return (
<div className="flex min-h-svh w-full items-center justify-center p-6 md:p-10">
<div className="flex w-full flex-1 items-center justify-center p-6 md:p-10">
<div className="w-full max-w-sm">
<div className="flex flex-col gap-6">
<Card>
@@ -22,7 +22,7 @@ export default function Page() {
</CardHeader>
<CardContent>
<p className="text-sm text-muted-foreground">
Your account is ready. You can sign in and start using Habit Pet.
Your account is ready. You can sign in and start using HaBit.
</p>
</CardContent>
</Card>

View File

@@ -2,7 +2,7 @@ import { SignUpForm } from "@/components/sign-up-form";
export default function Page() {
return (
<div className="flex min-h-svh w-full items-center justify-center p-6 md:p-10">
<div className="flex w-full flex-1 items-center justify-center p-6 md:p-10">
<div className="w-full max-w-sm">
<SignUpForm />
</div>

View File

@@ -2,7 +2,7 @@ import { UpdatePasswordForm } from "@/components/update-password-form";
export default function Page() {
return (
<div className="flex min-h-svh w-full items-center justify-center p-6 md:p-10">
<div className="flex w-full flex-1 items-center justify-center p-6 md:p-10">
<div className="w-full max-w-sm">
<UpdatePasswordForm />
</div>