style: fix shadow on some clerk components

2023-09-09 20:10:35 -05:00
parent 9416bbaa05
commit 7ed844729b
5 changed files with 28 additions and 5 deletions
@@ -3,7 +3,13 @@ import { SignUp } from '@clerk/nextjs';
 export default function SignUpPage() {
  return (
    <main className='flex flex-col items-center'>
-      <SignUp />
+      <SignUp
+        appearance={{
+          elements: {
+            card: 'shadow-md',
+          },
+        }}
+      />
    </main>
  );
 }