|
|
|
@ -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;
|
|
|
|
|