Merge pull request #631 from FleetAdmiralJakob/style-fix-auth-pages

FleetAdmiralJakob · Nov 3, 2024 · f19f7b4 · f19f7b4
2 parents b181a38 + 42da4d6
commit f19f7b4
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 14 deletions.
diff --git a/src/app/(auth)/sign-in/page.tsx b/src/app/(auth)/sign-in/page.tsx
@@ -5,20 +5,18 @@ import Link from "next/link";
 
 const SignInPage = () => {
   return (
-    <main>
-      <div className="relative flex min-h-screen flex-col items-center justify-center">
-        <div className="flex w-4/5 items-center justify-center gap-8 pb-16">
-          <Image src={icon} className={"w-20 xl:w-24"} alt="logo of Chat.io" />
-          <h1 className="pr-9 text-xl font-bold tracking-tight sm:text-3xl">
-            Welcome back to Chat.io
-          </h1>
-        </div>
-        <SignInForm />
+    <main className="relative flex min-h-screen flex-col items-center justify-center">
+      <div className="mt-10 flex w-4/5 items-center justify-center gap-8 pb-4 xl:mt-0">
+        <Image src={icon} className={"w-20 xl:w-24"} alt="logo of Chat.io" />
+        <h1 className="pr-9 text-xl font-bold tracking-tight sm:text-3xl">
+          Welcome back to Chat.io
+        </h1>
       </div>
-      <div className="bottom-3 left-0 flex w-full items-end justify-center xl:fixed">
-        <span className="mb-7 flex w-3/4 items-center justify-center gap-8">
+      <SignInForm />
+      <div className="bottom-3 left-0 flex w-full items-end justify-center pb-7 text-center">
+        <span className="flex w-3/4 items-center justify-center gap-8 pt-7">
           <div>
-            If you not have an account you can{" "}
+            If you don&#39;t have an account you can{" "}
             <Link href="/sign-up" className="underline">
               sign-up here
             </Link>

diff --git a/src/app/(auth)/sign-up/page.tsx b/src/app/(auth)/sign-up/page.tsx
@@ -6,14 +6,14 @@ import Link from "next/link";
 const SignInPage = () => {
   return (
     <main className="relative flex min-h-screen flex-col items-center justify-center">
-      <div className="mt-10 flex w-4/5 items-center justify-center gap-8 pb-16 xl:mt-0">
+      <div className="mt-10 flex w-4/5 items-center justify-center gap-8 pb-4 xl:mt-0">
         <Image src={icon} className={"w-20 xl:w-24"} alt="logo of Chat.io" />
         <h1 className="pr-9 text-xl font-bold tracking-tight sm:text-3xl">
           Welcome to Chat.io
         </h1>
       </div>
       <SignUpForm />
-      <div className="bottom-3 left-0 mb-7 mt-10 flex w-full items-end justify-center xl:fixed">
+      <div className="bottom-3 left-0 flex w-full items-end justify-center pb-7 text-center">
         <span className="flex w-3/4 items-center justify-center gap-8 pt-7">
           <div>
             If you already have an account you can{" "}