fix: dark mode on signup and signin pages

This commit is contained in:
Doug Andrade
2023-06-11 12:26:47 -04:00
committed by Mythie
parent 4ea316a077
commit 3377e29c72
4 changed files with 42 additions and 22 deletions

View File

@ -10,20 +10,24 @@ export default function SignUpPage() {
<main className="bg-sand-100 relative flex min-h-screen flex-col items-center justify-center overflow-hidden px-4 py-12 md:p-12 lg:p-24">
<div className="relative flex max-w-4xl items-center gap-x-24">
<div className="absolute -inset-96 -z-[1] flex items-center justify-center opacity-50">
<Image src={backgroundPattern} alt="background pattern" />
<Image
src={backgroundPattern}
alt="background pattern"
className="dark:brightness-95 dark:invert dark:sepia"
/>
</div>
<div className="max-w-md">
<h1 className="text-4xl font-semibold">Create a shiny, new Documenso Account </h1>
<p className="mt-2 text-sm text-slate-500">
<p className="text-muted-foreground/60 mt-2 text-sm">
Create your account and start using state-of-the-art document signing. Open and
beautiful signing is within your grasp.
</p>
<SignUpForm className="mt-4" />
<p className="mt-6 text-center text-sm text-slate-500">
<p className="text-muted-foreground mt-6 text-center text-sm">
Already have an account?{' '}
<Link href="/signin" className="text-primary duration-200 hover:opacity-70">
Sign in instead