admin/estimation-flow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

great! but make the modal less tall and more wide so it fits better with

Browse Source
This commit is contained in:
Leon Serfaty G
2025-07-18 04:48:31 +00:00
parent d21fc7fb52
commit bf1583ba37
1 changed files with 28 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/cost-estimator/step-11-results.tsx
+28 -26
View File
@@ -218,34 +218,35 @@ export function Step11Results({ onReset, customHours, readyMadeHours, formData }
Send Estimate to Email Send Estimate to Email
</Button> </Button>
</DialogTrigger> </DialogTrigger>
<DialogContent className="sm:max-w-md"> <DialogContent className="sm:max-w-2xl">
<DialogHeader> <DialogHeader>
<DialogTitle className="font-headline text-2xl">Get Your Detailed Estimate</DialogTitle> <DialogTitle className="font-headline text-2xl">Get Your Detailed Estimate</DialogTitle>
<DialogDescription> <DialogDescription>
Fill out the form below and we'll email you a PDF copy of your estimate. Fill out the form below and we'll email you a PDF copy of your estimate.
</DialogDescription> </DialogDescription>
</DialogHeader> </DialogHeader>
<div className="grid grid-cols-1 md:grid-cols-2 gap-8 py-2">
<div className="space-y-4">
<h3 className="text-lg font-medium text-foreground">Estimate Summary</h3>
<Card className="bg-muted/50 border-dashed">
<CardContent className="p-4 space-y-4 text-sm">
<div className="flex justify-between items-center">
<span className="text-muted-foreground flex items-center gap-2"><Clock className="h-4 w-4" /> Custom Development</span>
<span className="font-bold">{customHours}+ hours</span>
</div>
<Separator />
<div className="flex justify-between items-center">
<span className="text-muted-foreground flex items-center gap-2"><Clock className="h-4 w-4" /> Ready-Made Tools</span>
<span className="font-bold">{readyMadeHours}+ hours</span>
</div>
</CardContent>
</Card>
<p className="text-xs text-muted-foreground">
Note: This is a preliminary estimate. We will contact you for a more detailed quote.
</p>
</div>
<div className="space-y-4 py-2"> <div className="flex flex-col justify-between">
<Card className="bg-muted/50 border-dashed">
<CardHeader className="flex-row items-center gap-4 space-y-0 p-4">
<Briefcase className="h-8 w-8 text-primary" />
<CardTitle className="text-lg font-medium">Estimate Summary</CardTitle>
</CardHeader>
<CardContent className="p-4 pt-0 space-y-2 text-sm">
<div className="flex justify-between items-center">
<span className="text-muted-foreground flex items-center gap-2"><Clock className="h-4 w-4" /> Custom Development</span>
<span className="font-bold">{customHours}+ hours</span>
</div>
<div className="flex justify-between items-center">
<span className="text-muted-foreground flex items-center gap-2"><Clock className="h-4 w-4" /> Ready-Made Tools</span>
<span className="font-bold">{readyMadeHours}+ hours</span>
</div>
</CardContent>
</Card>
<Separator />
<form id="send-estimate-form" onSubmit={handleSubmit} className="space-y-4"> <form id="send-estimate-form" onSubmit={handleSubmit} className="space-y-4">
<div className="space-y-2"> <div className="space-y-2">
<Label htmlFor="name">Full Name</Label> <Label htmlFor="name">Full Name</Label>
@@ -269,12 +270,13 @@ export function Step11Results({ onReset, customHours, readyMadeHours, formData }
</div> </div>
</div> </div>
</form> </form>
<DialogFooter className="mt-4">
<Button type="submit" form="send-estimate-form" className="w-full" size="lg" disabled={isPending}>
{isPending ? "Sending..." : "Send to Email"}
</Button>
</DialogFooter>
</div>
</div> </div>
<DialogFooter>
<Button type="submit" form="send-estimate-form" className="w-full" size="lg" disabled={isPending}>
{isPending ? "Sending..." : "Send to Email"}
</Button>
</DialogFooter>
</DialogContent> </DialogContent>
</Dialog> </Dialog>
<Button onClick={onReset} size="lg" variant="link" className="text-muted-foreground"> <Button onClick={onReset} size="lg" variant="link" className="text-muted-foreground">