Make donation statistic cards shorter and position them below the donate button

Adjusted card padding, text size, and icon dimensions in donate.tsx to visually shrink the statistic cards and reposition them beneath the donate button.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 1fa9329f-0cec-4a2f-80e8-e26dbae3142e
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 0e0b7508-7573-4571-a4cb-0b42c5ee33d0
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/4d696b13-86f2-4c9d-be0d-95b293430047/1fa9329f-0cec-4a2f-80e8-e26dbae3142e/ODGOKcj
Replit-Helium-Checkpoint-Created: true
This commit is contained in:
Replit Agent
2026-06-06 09:56:36 +00:00
parent 4d83c14297
commit 8fb75a51a9
2 changed files with 6 additions and 6 deletions
+6 -6
View File
@@ -535,17 +535,17 @@ export default function Donate() {
].map(({ icon: Icon, label, value, unit }) => ( ].map(({ icon: Icon, label, value, unit }) => (
<div <div
key={label} key={label}
className="flex items-center gap-4 rounded-2xl border border-gray-200 bg-white px-6 py-7" className="flex items-center gap-4 rounded-2xl border border-gray-200 bg-white px-5 py-4"
> >
<div className="flex-1 min-w-0 text-center"> <div className="flex-1 min-w-0 text-center">
<p className="text-sm text-[#1B8354] mb-2.5">{label}</p> <p className="text-sm text-[#1B8354] mb-1.5">{label}</p>
<p className="flex items-baseline justify-center gap-1.5 flex-wrap font-bold text-foreground text-2xl"> <p className="flex items-baseline justify-center gap-1.5 flex-wrap font-bold text-foreground text-xl">
<span>{value}</span> <span>{value}</span>
<span className="text-sm font-normal text-[#1B8354]">{unit}</span> <span className="text-xs font-normal text-[#1B8354]">{unit}</span>
</p> </p>
</div> </div>
<div className="flex h-11 w-11 shrink-0 items-center justify-center rounded-full bg-[#EAF5EF] text-[#1B8354]"> <div className="flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-[#EAF5EF] text-[#1B8354]">
<Icon className="h-5 w-5" /> <Icon className="h-[18px] w-[18px]" />
</div> </div>
</div> </div>
))} ))}
Binary file not shown.

After

Width:  |  Height:  |  Size: 34 KiB