DerexXD/UT-Registration-Plus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: only show button hover effects when not disabled

Browse Source
This commit is contained in:
Samuel Gunter
2024-02-12 01:51:46 -06:00
committed by doprz
parent 1fdbe6294e
commit 8e3aa7ef33
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/views/components/common/Button/Button.tsx
View File

@@ -50,10 +50,11 @@ export function Button({
'btn',
{
'disabled:(cursor-not-allowed opacity-50)': disabled,
'color-white bg-[var(--color)] border-[var(--color)] hover:btn-shadow': variant === 'filled',
'color-[var(--color)] bg-white border-current hover:btn-shade border border-solid':
'color-white bg-[var(--color)] border-[var(--color)] hover:enabled:btn-shadow':
variant === 'filled',
'color-[var(--color)] bg-white border-current hover:enabled:btn-shade border border-solid':
variant === 'outline',
'color-[var(--color)] bg-white border-white hover:btn-shade': variant === 'single', // settings is the only "single"
'color-[var(--color)] bg-white border-white hover:enabled:btn-shade': variant === 'single', // settings is the only "single"
'px-2 py-1.25': isIconOnly && variant !== 'outline',
'px-1.75 py-1.25': isIconOnly && variant === 'outline',
'px-3.75': variant === 'outline' && !isIconOnly,