Michael/Regisflow
1
0 Fork 0
mirror of https://github.com/R0m1k3/Regisflow.git synced 2026-10-15 19:28:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

Modernize the user interface by reducing rounded corners across the platform

Browse Source 
Updates border-radius values in index.css for a more angular design and updates replit.md to reflect changes.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: dec54137-d5a2-4406-8ad4-5f2f9fb110bf
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/0715008c-7244-40f4-befc-26c014852236/b11a2e40-a490-44b4-89fd-fb617b0622ec.jpg
This commit is contained in:
michaelschal committed 2025-07-10 08:58:33 +00:00
1 parent d65ccfcadc
commit ee4591c125
2 files changed
+13 -10
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

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