Michael/Regisflow
1
0 Fork 0
mirror of https://github.com/R0m1k3/Regisflow.git synced 2026-10-11 17:29:48 +02:00
Code Issues Packages Projects Releases Wiki Activity

Improve the appearance of the website by refining visual borders

Browse Source 
Adjusts border thicknesses and colors for cards, inputs, and sections in index.css.

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/18932cd2-02f9-400a-b8b1-fbac4ab060fd.jpg
This commit is contained in:
michaelschal committed 2025-07-10 08:40:43 +00:00
1 parent a5d20db747
commit 68e77c41c9
1 file changed
+8 -8
Download Patch File Download Diff File Expand all files Collapse all files
client/src/index.css
+8 -8
View File
@@ -75,9 +75,9 @@ body {
/* Cards modernes avec ombres douces */
.elegant-card {
background: white;
border: 1px solid hsl(var(--border));
border: 2px solid #6b7280 !important; /* Bordure bien visible */
border-radius: 12px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04), 0 1px 3px rgba(0, 0, 0, 0.06);
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;
}
@@ -151,11 +151,11 @@ body {
color: hsl(var(--identity-accent));
}
/* Inputs modernes avec bordures très visibles */
/* Inputs modernes avec bordures bien visibles */
.modern-input {
width: 100%;
padding: 12px 16px;
border: 3px solid #374151 !important; /* Bordure grise foncée très visible */
border: 2px solid #4b5563 !important; /* Bordure grise foncée bien visible */
border-radius: 8px;
background: hsl(var(--background));
color: hsl(var(--foreground));
@@ -172,7 +172,7 @@ body {
}
.modern-input:hover:not(:focus) {
border-color: #4b5563 !important; /* Bordure encore plus foncée au survol */
border-color: #374151 !important; /* Bordure plus foncée au survol */
}
.modern-input::placeholder {
@@ -266,7 +266,7 @@ body {
.search-input {
width: 100%;
padding: 12px 16px;
border: 3px solid #374151 !important; /* Bordure très visible */
border: 2px solid #4b5563 !important; /* Bordure bien visible */
border-radius: 8px;
background: hsl(var(--background));
color: hsl(var(--foreground));
@@ -423,12 +423,12 @@ body {
animation: slideIn 0.3s ease-out;
}
/* Sections avec cadres très visibles */
/* Sections avec cadres bien visibles */
.section-vendor,
.section-product,
.section-client,
.section-identity {
border: 4px solid #374151 !important; /* Bordure très épaisse et foncée */
border: 3px solid #4b5563 !important; /* Bordure épaisse et bien visible */
border-radius: 12px;
padding: 20px;
margin-bottom: 24px;