diff options
Diffstat (limited to 'apps/web/app/(auth)')
| -rw-r--r-- | apps/web/app/(auth)/auth-buttons.tsx | 2 | ||||
| -rw-r--r-- | apps/web/app/(auth)/signin/page.tsx | 28 |
2 files changed, 12 insertions, 18 deletions
diff --git a/apps/web/app/(auth)/auth-buttons.tsx b/apps/web/app/(auth)/auth-buttons.tsx index 0e99213e..5b0ad06e 100644 --- a/apps/web/app/(auth)/auth-buttons.tsx +++ b/apps/web/app/(auth)/auth-buttons.tsx @@ -2,7 +2,7 @@ import { Button } from "@repo/ui/shadcn/button"; import React from "react"; -import { signIn } from "../helpers/server/auth"; +import { signIn } from "../../server/auth"; function SignIn() { return ( diff --git a/apps/web/app/(auth)/signin/page.tsx b/apps/web/app/(auth)/signin/page.tsx index 2f913a75..d7bad8da 100644 --- a/apps/web/app/(auth)/signin/page.tsx +++ b/apps/web/app/(auth)/signin/page.tsx @@ -1,7 +1,7 @@ import Image from "next/image"; import Link from "next/link"; import Logo from "@/public/logo.svg"; -import { signIn } from "@/app/helpers/server/auth"; +import { signIn } from "@/server/auth"; import { Google } from "@repo/ui/components/icons"; export const runtime = "edge"; @@ -9,26 +9,22 @@ export const runtime = "edge"; async function Signin() { return ( <div className="flex items-center justify-between min-h-screen"> - <div className="relative w-1/2 flex items-center min-h-screen bg-secondary p-8"> + <div className="relative w-full lg:w-1/2 flex items-center justify-center lg:justify-start min-h-screen bg-secondary p-8"> <div className="absolute top-0 left-0 p-8 text-white inline-flex gap-2 items-center"> - <Image - src={Logo} - alt="SuperMemory logo" - className="hover:brightness-125 duration-200" - /> + <Image src={Logo} alt="SuperMemory logo" className="brightness-100" /> <span className="text-xl">SuperMemory.ai</span> </div> <div> <h1 className="text-5xl text-foreground mb-8"> - Hello, <span className="text-white">human</span>{" "} + Hello, <span className="text-white">human</span> </h1> <p className="text-white mb-8 text-lg"> Write, ideate, and learn with all the wisdom of your bookmarks. </p> <div className="flex items-center gap-4"> <div - className={`transition-width z-20 rounded-2xl bg-gradient-to-br from-gray-200/70 to-transparent p-[0.7px] duration-300 ease-in-out w-3/4`} + className={`transition-width z-20 rounded-2xl bg-gradient-to-br from-gray-200/70 to-transparent p-[0.7px] duration-300 ease-in-out w-3/4 hover:bg-opacity-90 hover:shadow-lg group`} > <form action={async () => { @@ -40,7 +36,7 @@ async function Signin() { > <button type="submit" - className={`relative text-white transition-width flex justify-between w-full items-center rounded-2xl bg-[#37485E] px-6 py-4 outline-none duration-300 focus:outline-none`} + className={`relative text-white transition-width flex justify-between w-full items-center rounded-2xl bg-[#37485E] px-6 py-4 outline-none duration-300 focus:outline-none group-hover:bg-opacity-50 group`} > <Google /> <span className="relative w-full self-start"> @@ -50,21 +46,19 @@ async function Signin() { </form> </div> </div> - <div className="text-slate-500 mt-16"> - By continuing, you agree to the - <Link href="/terms" className="text-slate-200"> - {" "} + <div className="text-slate-100 absolute bottom-4 lg:left-8 lg:-translate-x-0 left-1/2 -translate-x-1/2 "> + <Link href="/terms" className="text-slate-300"> Terms of Service </Link>{" "} - and - <Link href="/privacy" className="text-slate-200"> + | + <Link href="/privacy" className="text-slate-300"> {" "} Privacy Policy </Link> </div> </div> </div> - <div className="w-1/2 flex flex-col items-center justify-center min-h-screen"> + <div className="w-1/2 hidden lg:flex flex-col items-center justify-center min-h-screen"> <span className="text-3xl leading-relaxed italic mb-8"> Ready for your{" "} <span className="text-white font-bold">Second brain</span>? |