fix: some types of buttons ui breaks (#5437)

This commit is contained in:
Joel 2024-06-20 17:08:07 +08:00 committed by GitHub
parent 7e3f194031
commit da68ea6812
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -1,17 +1,15 @@
@tailwind components; @tailwind components;
@layer components { @layer components {
.btn { body .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;
} }
; body .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;
} }
.btn-default-disabled { body .btn-default-disabled {
@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;
} }
@ -23,11 +21,11 @@
@apply bg-primary-200 cursor-not-allowed text-white; @apply bg-primary-200 cursor-not-allowed text-white;
} }
.btn-warning { body .btn-warning {
@apply bg-red-600 hover:bg-red-600/75 cursor-pointer text-white hover:shadow-sm; @apply bg-red-600 hover:bg-red-600/75 cursor-pointer text-white hover:shadow-sm;
} }
.btn-warning-disabled { body .btn-warning-disabled {
@apply bg-red-600/75 cursor-not-allowed text-white; @apply bg-red-600/75 cursor-not-allowed text-white;
} }
} }