Michael/Regisflow
1
0 Fork 0
mirror of https://github.com/R0m1k3/Regisflow.git synced 2026-10-18 12:49:41 +02:00
Code Issues Packages Projects Releases Wiki Activity

Improve the appearance and structure of the new sales registration page

Browse Source 
Enhance the UI of NewSaleForm.tsx and index.css with improved styling and section demarcation.

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/e4b7aaf3-8a81-4637-b767-87169fd5dba1.jpg
This commit is contained in:
michaelschal committed 2025-07-10 00:04:58 +00:00
1 parent 1f34f22d0d
commit 404b51e749
2 files changed
+74 -26
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

client/src/index.css
+54 -6
View File
@@ -109,25 +109,31 @@
}
.modern-input {
border: 1px solid hsl(var(--border));
border: 2px solid hsl(var(--border));
background: hsl(var(--background));
color: hsl(var(--foreground));
padding: 8px 12px;
padding: 10px 14px;
font-size: 14px;
transition: border-color 0.2s ease;
transition: all 0.2s ease;
box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
}
.modern-input:focus {
outline: none;
border-color: hsl(var(--primary));
box-shadow: 0 0 0 1px hsl(var(--primary));
box-shadow: 0 0 0 2px hsl(var(--primary) / 0.2);
}
.modern-input:hover {
border-color: hsl(var(--primary) / 0.5);
}
.modern-section {
border: 1px solid hsl(var(--border));
border: 2px solid hsl(var(--border));
background: hsl(var(--card));
padding: 24px;
margin-bottom: 24px;
box-shadow: 0 2px 4px 0 rgb(0 0 0 / 0.05);
}
.modern-section-header {
@@ -136,7 +142,9 @@
gap: 12px;
margin-bottom: 24px;
padding-bottom: 12px;
border-bottom: 1px solid hsl(var(--border));
border-bottom: 2px solid hsl(var(--border));
font-weight: 600;
font-size: 16px;
}
.modern-icon-container {
@@ -147,6 +155,46 @@
display: flex;
align-items: center;
justify-content: center;
border: 2px solid hsl(var(--primary));
box-shadow: 0 2px 4px 0 rgb(0 0 0 / 0.1);
}
/* Section-specific styles */
.modern-section-vendor {
border-left: 4px solid hsl(var(--primary));
background: hsl(var(--muted) / 0.3);
}
.modern-section-product {
border-left: 4px solid hsl(210, 100%, 50%);
background: hsl(210, 100%, 98%);
}
.modern-section-customer {
border-left: 4px solid hsl(142, 69%, 45%);
background: hsl(142, 69%, 98%);
}
.modern-section-identity {
border-left: 4px solid hsl(38, 92%, 50%);
background: hsl(38, 92%, 98%);
}
.modern-select-trigger {
border: 2px solid hsl(var(--border));
background: hsl(var(--background));
padding: 10px 14px;
transition: all 0.2s ease;
box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
}
.modern-select-trigger:hover {
border-color: hsl(var(--primary) / 0.5);
}
.modern-select-trigger:focus {
border-color: hsl(var(--primary));
box-shadow: 0 0 0 2px hsl(var(--primary) / 0.2);
}
/* Enhanced keyframes for mobile animations */