diff --git a/client/src/index.css b/client/src/index.css index f0ec58d..29df178 100644 --- a/client/src/index.css +++ b/client/src/index.css @@ -76,7 +76,7 @@ body { .elegant-card { background: white; border: 2px solid #6b7280 !important; /* Bordure bien visible */ - border-radius: 12px; + border-radius: 4px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.1); transition: all 0.2s ease; } @@ -125,7 +125,7 @@ body { width: 100%; padding: 12px 16px; border: 2px solid #4b5563 !important; /* Bordure grise foncée bien visible */ - border-radius: 8px; + border-radius: 4px; background: hsl(var(--background)); color: hsl(var(--foreground)); font-size: 14px; @@ -155,7 +155,7 @@ body { justify-content: center; gap: 8px; padding: 12px 24px; - border-radius: 8px; + border-radius: 4px; font-size: 14px; font-weight: 500; text-decoration: none; @@ -221,7 +221,7 @@ body { .search-container { background: white; border: 2px solid hsl(var(--primary) / 0.3); - border-radius: 12px; + border-radius: 4px; padding: 20px; margin-bottom: 24px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); @@ -241,7 +241,7 @@ body { width: 100%; padding: 12px 16px; border: 2px solid #4b5563 !important; /* Bordure bien visible */ - border-radius: 8px; + border-radius: 4px; background: hsl(var(--background)); color: hsl(var(--foreground)); font-size: 14px; @@ -259,7 +259,7 @@ body { .filters-container { background: hsl(var(--muted) / 0.5); border: 2px solid hsl(var(--border)); - border-radius: 12px; + border-radius: 4px; padding: 20px; margin-bottom: 24px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); @@ -276,7 +276,7 @@ body { .modern-table { width: 100%; border-collapse: collapse; - border-radius: 12px; + border-radius: 4px; overflow: hidden; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); } @@ -313,7 +313,7 @@ body { display: inline-flex; align-items: center; padding: 4px 12px; - border-radius: 6px; + border-radius: 2px; font-size: 12px; font-weight: 500; white-space: nowrap; @@ -356,7 +356,7 @@ body { font-weight: 500; font-size: 14px; cursor: pointer; - border-radius: 8px 8px 0 0; + border-radius: 4px 4px 0 0; transition: all 0.2s ease; position: relative; } @@ -403,7 +403,7 @@ body { .section-client, .section-identity { border: none !important; /* Suppression des bordures */ - border-radius: 12px; + border-radius: 4px; padding: 24px; margin-bottom: 24px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); diff --git a/replit.md b/replit.md index 46b4a81..f5fda12 100644 --- a/replit.md +++ b/replit.md @@ -243,6 +243,9 @@ Preferred communication style: Simple, everyday language. - ✅ Added date and time display in sales history with automatic timestamp from database - ✅ Harmonized color scheme in new sale form with softer, complementary colors - ✅ Updated section backgrounds to work cohesively with green save button +- ✅ Uniformized export buttons with consistent styling +- ✅ Applied angular design with reduced border-radius throughout entire application +- ✅ Modern, crisp appearance with 4px border-radius for cards, inputs, and buttons ### Docker Configuration & Cleanup (January 9, 2025) - ✅ Complete Docker setup optimized for external PostgreSQL database