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:
@@ -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 |
Reference in New Issue
Block a user