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

Enhance user interface with mobile optimizations and visual improvements

Browse Source 
Adds CSS keyframes and mobile-first responsive utilities in index.css, adjusts styles in NewSaleForm.tsx and SaleDetailsModal.tsx and SalesHistory.tsx.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 91318273-c764-4fd4-be04-bdc12c38af32
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/0715008c-7244-40f4-befc-26c014852236/b77c9129-16e4-4c03-a447-09edfb2aa967.jpg
This commit is contained in:
michaelschal committed 2025-07-09 21:32:33 +00:00
1 parent f64493d9bb
commit d3e263bf05
4 files changed
+377 -70
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

client/src/components/NewSaleForm.tsx
+4 -4
View File
@@ -177,9 +177,9 @@ export default function NewSaleForm() {
<Form {...form}>
<form onSubmit={form.handleSubmit(onSubmit)} className="mobile-form-responsive">
{/* Seller Information */}
<div className="modern-card bg-muted/30 mobile-form-section rounded-xl border-l-4 border-primary">
<div className="modern-card bg-muted bg-opacity-30 mobile-form-section rounded-xl border-l-4 border-primary">
<h3 className="mobile-header-responsive font-semibold text-foreground mb-4 sm:mb-6 flex items-center gap-2 sm:gap-3">
<div className="p-1.5 sm:p-2 bg-primary/10 rounded-lg">
<div className="p-1.5 sm:p-2 bg-primary bg-opacity-10 rounded-lg">
<User className="h-4 w-4 sm:h-5 sm:w-5 text-primary" />
</div>
<span className="truncate">Informations Vendeur</span>
@@ -215,9 +215,9 @@ export default function NewSaleForm() {
</div>
{/* Product Information */}
<div className="modern-card bg-blue-50/50 mobile-form-section rounded-xl border-l-4 border-blue-500">
<div className="modern-card bg-blue-50 bg-opacity-50 mobile-form-section rounded-xl border-l-4 border-blue-500">
<h3 className="mobile-header-responsive font-semibold text-foreground mb-4 sm:mb-6 flex items-center gap-2 sm:gap-3">
<div className="p-1.5 sm:p-2 bg-blue-500/10 rounded-lg">
<div className="p-1.5 sm:p-2 bg-blue-500 bg-opacity-10 rounded-lg">
<Package className="h-4 w-4 sm:h-5 sm:w-5 text-blue-600" />
</div>
<span className="truncate">Informations Produit</span>