many visual alignments

This commit is contained in:
Thomas Ruoff
2020-11-26 00:38:34 +01:00
parent 4801525dc4
commit d546e98ab2
11 changed files with 84 additions and 95 deletions

View File

@@ -40,15 +40,15 @@
}
.flabel {
@apply block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2;
@apply block uppercase tracking-wide text-gray-500 text-xs font-bold mb-2;
}
.input-text {
@apply appearance-none bg-gray-100 text-gray-700 border rounded py-2 px-3 mb-3 leading-tight w-full;
@apply appearance-none bg-gray-50 text-gray-500 border rounded py-2 px-3 mb-3 leading-tight w-full;
}
.input-text:disabled {
@apply bg-gray-300 cursor-not-allowed;
@apply bg-gray-200 cursor-not-allowed;
}
.input-text:focus {
@@ -56,11 +56,11 @@
}
.ibtn {
@apply p-1 text-gray-400 text-xs w-6 h-6 rounded;
@apply p-1 text-gray-300 text-xs w-6 h-6 rounded;
}
.ibtn:hover {
@apply text-gray-500;
@apply text-gray-400;
}
.ibtn:active {
@@ -80,11 +80,11 @@
}
.btn-blue {
@apply bg-blue-500 text-white;
@apply bg-blue-800 text-white;
}
.btn-blue:hover {
@apply bg-blue-700;
@apply bg-blue-900;
}
.btn-red {
@@ -96,11 +96,11 @@
}
.btn-gray {
@apply bg-gray-500 text-white;
@apply bg-gray-300 text-white;
}
.btn-gray:hover {
@apply bg-gray-700;
@apply bg-gray-400;
}
.btn:disabled {
@@ -108,15 +108,15 @@
}
.link {
@apply font-medium text-blue-500 underline;
@apply font-medium text-blue-400 underline cursor-pointer;
}
.link:hover {
@apply text-blue-700;
@apply text-blue-600;
}
.info-message {
@apply flex items-center bg-yellow-200 border-solid border border-yellow-700 rounded text-yellow-700 py-2 px-3;
@apply flex items-center bg-yellow-100 border-solid border border-yellow-500 rounded text-yellow-700 py-2 px-3;
}
.info-message:before {
@@ -125,7 +125,7 @@
}
.error-message {
@apply flex items-center bg-red-200 border-solid border border-red-700 rounded text-red-700 py-2 px-3;
@apply flex items-center bg-red-100 border-solid border border-red-700 rounded text-red-700 py-2 px-3;
}
.error-message:before {