refac:converting external css to tailwind css

VaibhavArora314 · Jul 28, 2024 · 4cc5190 · 4cc5190
1 parent 330360a
commit 4cc5190
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 8 deletions.
diff --git a/frontend/src/components/CaptchaUser.tsx b/frontend/src/components/CaptchaUser.tsx
@@ -34,7 +34,7 @@ const CaptchaUser = ({ onChange }: { onChange: (isValid: boolean) => void }) =>
   return (
     <div className="mb-4 rounded-lg">
       <div className="flex items-center justify-between mb-4 text-[#000435] bg-gray-100 dark:text-white dark:bg-blue-950 p-2 rounded-lg border border-[#5f67de] dark:border-white">
-        <span className="captcha text-xl font-semibold italic line-through">{captchaText}</span>
+        <span className="captcha w-1/2 p-2.5  text-2xl font-bold border-2 border-black rounded-md select-none border-solid italic line-through">{captchaText}</span>
         <button
           type="button"
           onClick={generateCaptcha}

diff --git a/frontend/src/styles/captcha.css b/frontend/src/styles/captcha.css
@@ -1,11 +1,4 @@
 .captcha{
-    width: 40%;
     background: url("../assets/captcha.webp") repeat 0 0 !important;
-    padding: 9px;
-    font-size: 24px;
-    font-weight: bolder;
     color: rgb(108 110 113);
-    border: 2px solid black;
-    border-radius: 6px;
-    user-select: none;
 }