From 9fc12be7e10c412620ecfe8d8439e2cbe010f9de Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Fri, 10 Oct 2025 13:54:38 +0000
Subject: [PATCH] Refactor: Remove CAPTCHA labels and adjust modal

---
 src/components/auth/AuthModal.tsx | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/src/components/auth/AuthModal.tsx b/src/components/auth/AuthModal.tsx
index d60b72ad..ca62eb33 100644
--- a/src/components/auth/AuthModal.tsx
+++ b/src/components/auth/AuthModal.tsx
@@ -225,7 +225,7 @@ export function AuthModal({ open, onOpenChange, defaultTab = 'signin' }: AuthMod
 
   return (
     <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent className="sm:max-w-[440px] max-h-[90vh] overflow-y-auto">
+      <DialogContent className="sm:max-w-[440px]">
         <DialogHeader>
           <DialogTitle className="text-center text-2xl bg-gradient-to-r from-primary to-accent bg-clip-text text-transparent">
             ThrillWiki
@@ -288,9 +288,8 @@ export function AuthModal({ open, onOpenChange, defaultTab = 'signin' }: AuthMod
                 </div>
               </div>
 
-              <div className="space-y-2">
-                <Label>Security Verification</Label>
-                <TurnstileCaptcha 
+              <div>
+                <TurnstileCaptcha
                   key={signInCaptchaKey}
                   onSuccess={setSignInCaptchaToken}
                   onError={() => setSignInCaptchaToken(null)}
@@ -356,8 +355,8 @@ export function AuthModal({ open, onOpenChange, defaultTab = 'signin' }: AuthMod
             </div>
           </TabsContent>
 
-          <TabsContent value="signup" className="space-y-4 mt-4">
-            <form onSubmit={handleSignUp} className="space-y-4">
+          <TabsContent value="signup" className="space-y-3 sm:space-y-4 mt-4">
+            <form onSubmit={handleSignUp} className="space-y-3 sm:space-y-4">
               <div className="grid grid-cols-2 gap-4">
                 <div className="space-y-2">
                   <Label htmlFor="modal-username">Username</Label>
@@ -449,9 +448,8 @@ export function AuthModal({ open, onOpenChange, defaultTab = 'signin' }: AuthMod
                 </div>
               </div>
 
-              <div className="space-y-2">
-                <Label>Security Verification</Label>
-                <TurnstileCaptcha 
+              <div>
+                <TurnstileCaptcha
                   key={captchaKey}
                   onSuccess={setCaptchaToken}
                   onError={() => setCaptchaToken(null)}