feat: Update Tailwind CSS configuration and styles for improved UI consistency

This commit is contained in:
2025-08-06 22:39:52 +02:00
parent c047a1e4a2
commit e4a0f74e1b
2 changed files with 4 additions and 4 deletions

View File

@@ -7,11 +7,11 @@
@layer base {
* {
@apply border-border;
@apply border-gray-200;
}
body {
@apply bg-background text-foreground font-sans;
@apply bg-gray-50 text-gray-900 font-sans;
@apply touch-manipulation;
-webkit-touch-callout: none;
-webkit-user-select: none;
@@ -57,7 +57,7 @@
@layer components {
/* Touch-optimized button variants */
.btn {
@apply inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50;
@apply inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50;
@apply min-h-[44px] px-4 py-2 touch-manipulation;
}
@@ -108,7 +108,7 @@
/* Input components */
.input {
@apply flex h-12 w-full rounded-md border border-gray-300 bg-white px-3 py-2 text-sm ring-offset-background placeholder:text-gray-500 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50;
@apply flex h-12 w-full rounded-md border border-gray-300 bg-white px-3 py-2 text-sm placeholder:text-gray-500 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50;
}
/* Status indicators */