Gitead/managementwebsite01
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update Hero component styling and content

Browse Source 
Replit-Commit-Author: Agent
This commit is contained in:
Replit Agent
2026-07-31 16:04:23 +00:00
parent 73fad3914c
commit 2e6a64ad05
1 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
artifacts/dental-app/src/components/Hero.tsx
View File

@@ -89,9 +89,15 @@ export function Hero() {
</div> </div>
</div> </div>
<div className="flex gap-4 justify-end"> <div className="flex gap-4 justify-end">
<div className="bg-primary text-white p-4 rounded-2xl rounded-tr-sm shadow-sm text-sm max-w-md"> <div className="bg-white border border-border rounded-xl shadow-sm text-sm w-72 flex flex-col">
<strong className="block mb-1 text-accent">Done.</strong> <div className="p-5 flex-1 space-y-2">
John Smith (DOB: 10/12/1985) is eligible for D2740 (Crown - porcelain/ceramic) through Delta Dental. Copay is 20%. Remaining annual maximum: $1,250. <div className="font-semibold text-primary text-base">John Smith</div>
<div className="text-muted-foreground">Insurance: Delta Dental</div>
</div>
<div className="border-t border-border px-5 py-4 flex gap-3">
<button data-testid="button-confirm" className="flex-1 bg-primary text-accent text-xs font-semibold py-2 rounded-full hover:opacity-90 transition-opacity">Confirm</button>
<button data-testid="button-cancel" className="flex-1 border border-border text-muted-foreground text-xs font-semibold py-2 rounded-full hover:bg-secondary transition-colors">Cancel</button>
</div>
</div> </div>
<div className="w-8 h-8 rounded-full bg-primary flex items-center justify-center flex-shrink-0"> <div className="w-8 h-8 rounded-full bg-primary flex items-center justify-center flex-shrink-0">
<div className="w-3 h-3 bg-accent rounded-sm" /> <div className="w-3 h-3 bg-accent rounded-sm" />