fix: button component will refresh page (#5420)

This commit is contained in:
Joel 2024-06-20 12:44:27 +08:00 committed by GitHub
parent a51ec2094f
commit 51d34f5936
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 7 additions and 4 deletions

View File

@ -3,7 +3,9 @@
@layer components { @layer components {
.btn { .btn {
@apply inline-flex justify-center items-center content-center h-9 leading-5 rounded-lg px-4 py-2 text-base cursor-pointer whitespace-nowrap; @apply inline-flex justify-center items-center content-center h-9 leading-5 rounded-lg px-4 py-2 text-base cursor-pointer whitespace-nowrap;
}; }
;
.btn-default { .btn-default {
@apply border-solid border border-gray-200 cursor-pointer text-gray-700 hover:bg-white hover:shadow-sm hover:border-gray-300; @apply border-solid border border-gray-200 cursor-pointer text-gray-700 hover:bg-white hover:shadow-sm hover:border-gray-300;
@ -13,11 +15,11 @@
@apply border-solid border border-gray-200 bg-gray-200 cursor-not-allowed text-gray-800; @apply border-solid border border-gray-200 bg-gray-200 cursor-not-allowed text-gray-800;
} }
.btn-primary { body .btn-primary {
@apply bg-primary-600 hover:bg-primary-600/75 cursor-pointer text-white hover:shadow-sm; @apply bg-primary-600 hover:bg-primary-600/75 cursor-pointer text-white hover:shadow-sm;
} }
.btn-primary-disabled { body .btn-primary-disabled {
@apply bg-primary-200 cursor-not-allowed text-white; @apply bg-primary-200 cursor-not-allowed text-white;
} }
@ -28,4 +30,4 @@
.btn-warning-disabled { .btn-warning-disabled {
@apply bg-red-600/75 cursor-not-allowed text-white; @apply bg-red-600/75 cursor-not-allowed text-white;
} }
} }

View File

@ -28,6 +28,7 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
({ className, variant, loading, children, ...props }, ref) => { ({ className, variant, loading, children, ...props }, ref) => {
return ( return (
<button <button
type='button'
className={classNames(buttonVariants({ variant, className }))} className={classNames(buttonVariants({ variant, className }))}
ref={ref} ref={ref}
{...props} {...props}