From e4a0f74e1be41712b3f4df11fc204108e5eabe6d Mon Sep 17 00:00:00 2001 From: Sami Alzein Date: Wed, 6 Aug 2025 22:39:52 +0200 Subject: [PATCH] feat: Update Tailwind CSS configuration and styles for improved UI consistency --- .../frontend/{postcss.config.js => postcss.config.cjs} | 0 python_rewrite/frontend/src/index.css | 8 ++++---- 2 files changed, 4 insertions(+), 4 deletions(-) rename python_rewrite/frontend/{postcss.config.js => postcss.config.cjs} (100%) diff --git a/python_rewrite/frontend/postcss.config.js b/python_rewrite/frontend/postcss.config.cjs similarity index 100% rename from python_rewrite/frontend/postcss.config.js rename to python_rewrite/frontend/postcss.config.cjs diff --git a/python_rewrite/frontend/src/index.css b/python_rewrite/frontend/src/index.css index 4b07acc..54d87c5 100644 --- a/python_rewrite/frontend/src/index.css +++ b/python_rewrite/frontend/src/index.css @@ -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 */