client: modify styling

Casuals4Fun · May 14, 2024 · 93e34a6 · 93e34a6
1 parent 27ef30b
commit 93e34a6
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 7 deletions.
diff --git a/client/src/components/card/claim-username.css b/client/src/components/card/claim-username.css
@@ -40,7 +40,7 @@
     }
 
     100% {
-        background-position: 307.35px;
+        background-position: 140.467px;
     }
 }
 
@@ -103,10 +103,6 @@
         margin-bottom: 10px;
     }
 
-    #claim-username p {
-        font-size: 22px;
-    }
-
     #claim-username .username-input .domain {
         padding: 0 10px;
     }

diff --git a/client/src/components/card/claim-username.tsx b/client/src/components/card/claim-username.tsx
@@ -9,13 +9,13 @@ const ClaimUsername = () => {
 
     return (
         <form id='claim-username' onSubmit={handleUsernameSubmit}>
-            <p>Claim your own username</p>
+            <p>Get Started</p>
             <div className='username-input'>
                 <span className='domain'>debatehive.com/</span>
                 <input placeholder='johndoe' />
             </div>
             <button className='submit-btn'>
-                <span>CLAIM</span>
+                <span>CLAIM USERNAME</span>
                 <PiArrowUpRightBold size={20} color='#FFFFFF' />
                 {/* <LoadingSVG size={20} color='#FFFFFF' /> */}
             </button>