feat(readonly): handle readonly style

SalamLang · Feb 7, 2025 · 1e6cdf2 · 1e6cdf2
1 parent ffb6117
commit 1e6cdf2
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/components/auth/Input.jsx b/src/components/auth/Input.jsx
@@ -24,7 +24,7 @@ const Input = ({
         onInput={onInput}
         readOnly={readOnly}
         className={
-          "w-full focus-visible:outline-0 p-2 h-[45px] dark:bg-[#393B40] dark:border-gray-600 dark:focus-visible:border-[#FF5C00] border-2 rounded-[10px] transition-all duration-300 focus-visible:border-[#FF5C00] focus-visible:shadow-input " +
+          "w-full read-only:focus-visible:border-gray-200 read-only:focus-visible:shadow-none read-only:bg-gray-100/80 focus-visible:outline-0 p-2 h-[45px] dark:bg-[#393B40] dark:border-gray-600 dark:focus-visible:border-[#FF5C00] border-2 rounded-[10px] transition-all duration-300 focus-visible:border-[#FF5C00] focus-visible:shadow-input " +
           className
         }
         placeholder={placeholder}