cleint: modify shake pos

Casuals4Fun · May 14, 2024 · fe2826b · fe2826b
1 parent ba66c5a
commit fe2826b
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/client/src/components/card/claim-username.tsx b/client/src/components/card/claim-username.tsx
@@ -17,20 +17,21 @@ const ClaimUsername = () => {
         setTimeout(() => setIsSubmitted(false), 500);
 
         if (username.trim()) {
-            
+
         }
     }
 
     return (
         <form id='claim-username' onSubmit={handleUsernameSubmit}>
             <p>Get Started</p>
-            <div className={`username-input ${isSubmitted && !username.trim() ? "shake" : ""}`}>
+            <div className='username-input'>
                 <span className='domain'>debatehive.com/</span>
                 <input
                     placeholder='johndoe'
                     value={username}
                     onChange={e => setUsername(e.target.value)}
                     onKeyPress={handleKeyPress}
+                    className={isSubmitted && !username.trim() ? "shake" : ""}
                     style={{ border: isSubmitted && !username.trim() ? "2px dotted white" : "" }}
                 />
             </div>