fix: remove inline-flex from btn util classes

feat/k8s-scaffold
corpulent 3 years ago
parent 249f31dad7
commit 08fbf8ef7a

@ -111,13 +111,13 @@ path,
@layer components { @layer components {
.btn-util { .btn-util {
@apply inline-flex items-center px-2.5 py-1.5 border border-transparent text-xs font-medium rounded text-indigo-700 bg-indigo-100 hover:bg-indigo-200 focus:outline-none focus:ring-1 focus:ring-offset-1 focus:ring-indigo-500; @apply items-center px-2.5 py-1.5 border border-transparent text-xs font-medium rounded text-indigo-700 bg-indigo-100 hover:bg-indigo-200 focus:outline-none focus:ring-1 focus:ring-offset-1 focus:ring-indigo-500;
} }
.lbl-util { .lbl-util {
@apply block text-xs font-bold text-gray-700 mb-1 @apply block text-xs font-bold text-gray-700 mb-1
} }
.btn-util-red { .btn-util-red {
@apply inline-flex items-center px-2.5 py-1.5 border border-transparent text-xs font-medium rounded text-red-700 bg-red-100 hover:bg-red-200 focus:outline-none focus:ring-1 focus:ring-offset-1 focus:ring-red-500; @apply items-center px-2.5 py-1.5 border border-transparent text-xs font-medium rounded text-red-700 bg-red-100 hover:bg-red-200 focus:outline-none focus:ring-1 focus:ring-offset-1 focus:ring-red-500;
} }
.btn-util-selected { .btn-util-selected {
@apply text-white bg-indigo-500 hover:bg-indigo-500 focus:ring-indigo-500; @apply text-white bg-indigo-500 hover:bg-indigo-500 focus:ring-indigo-500;

Loading…
Cancel
Save