refactor: disabled button hover

This commit is contained in:
Tristan Yang
2023-03-01 09:52:14 +08:00
parent 080e922272
commit 910d8c68d1
+1 -1
View File
@@ -10,7 +10,7 @@ const StyledButton = ({ children, className = '', ...rest }: Props) => {
const isSmall = className.includes('small'); const isSmall = className.includes('small');
const isMini = className.includes('mini'); const isMini = className.includes('mini');
const isFull = className.includes('flex'); const isFull = className.includes('flex');
return <button className={clsx(`text-sm text-white bg-primary-400 break-keep shadow rounded-lg px-3.5 h-11 md:hover:bg-primary-500 active:bg-primary-500 disabled:bg-gray-300`, return <button className={clsx(`text-sm text-white bg-primary-400 break-keep shadow rounded-lg px-3.5 h-11 md:hover:bg-primary-500 active:bg-primary-500 disabled:bg-gray-300 disabled:hover:bg-gray-300 disabled:hover:cursor-not-allowed`,
isFull && "w-full text-center justify-center", isFull && "w-full text-center justify-center",
isGhost && " !text-gray-600 dark:!text-gray-100 !border !border-solid !border-gray-300 dark:!border-gray-500 !bg-transparent", isGhost && " !text-gray-600 dark:!text-gray-100 !border !border-solid !border-gray-300 dark:!border-gray-500 !bg-transparent",
isCancel && "!bg-transparent !text-black dark:!text-gray-50 !border !border-solid !border-gray-200", isCancel && "!bg-transparent !text-black dark:!text-gray-50 !border !border-solid !border-gray-200",