Button: remove hover color when disabled

Loskir · Jun 25, 2023 · afaa323 · afaa323 · vercel · Jun 25, 2023
1 parent 0bf721d
commit afaa323
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/components/Button/Button.module.css b/components/Button/Button.module.css
@@ -9,3 +9,7 @@
     justify-content: center;
     align-items: center;
 }
+
+.button:not(:disabled):hover {
+    @apply text-orange-600
+}
diff --git a/components/Button/Button.tsx b/components/Button/Button.tsx
@@ -13,8 +13,9 @@ export const Button: React.FC<ButtonProps> = ({ className, children, fullWidth,
   return (
     <button
       className={clsx(
-        "py-2 px-4 bg-white rounded-2xl hover:text-orange-600 relative",
+        "py-2 px-4 bg-white rounded-2xl relative",
         fullWidth && "w-full",
+        styles.button,
         className,
       )}
       disabled={isLoading}