114 lines
No EOL
2.2 KiB
CSS
114 lines
No EOL
2.2 KiB
CSS
/* Base styles for the Inspection Reporting Tool */
|
|
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
/* Custom styles */
|
|
body {
|
|
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
|
|
}
|
|
|
|
/* Form styling */
|
|
.form-input, .form-textarea, .form-select {
|
|
@apply w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500;
|
|
}
|
|
|
|
/* Button styling */
|
|
.btn {
|
|
@apply inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500;
|
|
}
|
|
|
|
.btn-primary {
|
|
@apply bg-blue-600 hover:bg-blue-700;
|
|
}
|
|
|
|
.btn-secondary {
|
|
@apply bg-gray-600 hover:bg-gray-700;
|
|
}
|
|
|
|
.btn-outline {
|
|
@apply bg-white border border-gray-300 text-gray-700 hover:bg-gray-50;
|
|
}
|
|
|
|
/* Card styling */
|
|
.card {
|
|
@apply bg-white rounded-lg shadow-md overflow-hidden;
|
|
}
|
|
|
|
.card-header {
|
|
@apply bg-gray-50 px-6 py-4 border-b;
|
|
}
|
|
|
|
.card-body {
|
|
@apply p-6;
|
|
}
|
|
|
|
/* Table styling */
|
|
.table {
|
|
@apply min-w-full divide-y divide-gray-200;
|
|
}
|
|
|
|
.table-thead {
|
|
@apply bg-gray-50;
|
|
}
|
|
|
|
.table-th {
|
|
@apply px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider;
|
|
}
|
|
|
|
.table-td {
|
|
@apply px-6 py-4 whitespace-nowrap text-sm text-gray-900;
|
|
}
|
|
|
|
/* Alert styling */
|
|
.alert {
|
|
@apply px-4 py-2 rounded-md;
|
|
}
|
|
|
|
.alert-success {
|
|
@apply bg-green-100 text-green-700;
|
|
}
|
|
|
|
.alert-error {
|
|
@apply bg-red-100 text-red-700;
|
|
}
|
|
|
|
.alert-info {
|
|
@apply bg-blue-100 text-blue-700;
|
|
}
|
|
|
|
/* Badge styling */
|
|
.badge {
|
|
@apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium;
|
|
}
|
|
|
|
.badge-success {
|
|
@apply bg-green-100 text-green-800;
|
|
}
|
|
|
|
.badge-warning {
|
|
@apply bg-yellow-100 text-yellow-800;
|
|
}
|
|
|
|
.badge-danger {
|
|
@apply bg-red-100 text-red-800;
|
|
}
|
|
|
|
.badge-info {
|
|
@apply bg-blue-100 text-blue-800;
|
|
}
|
|
|
|
/* Responsive adjustments */
|
|
@media (max-width: 768px) {
|
|
.sm\:grid-cols-2 {
|
|
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
}
|
|
|
|
.sm\:col-span-3 {
|
|
grid-column: span 1 / span 1;
|
|
}
|
|
|
|
.sm\:col-span-6 {
|
|
grid-column: span 1 / span 1;
|
|
}
|
|
} |