rootadmin/multisite
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

strip

Browse source
This commit is contained in:
Mackie 2026-06-04 18:15:25 +08:00
parent dfa6534012
commit 896cfd548f
1 changed files with 4 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/blocks/StatsStrip/Component.tsx
View file

@ -2,14 +2,15 @@ export function StatsStripBlock({ stats }: StatsStripProps) {
if (!Array.isArray(stats) || stats.length === 0) return null if (!Array.isArray(stats) || stats.length === 0) return null
return ( return (
<div className="py-20 md:py-28"> // Wrap in a container to match the max-width of your other blocks
<section className="w-full max-w-5xl mx-auto px-6 py-20 md:py-28">
<div className="grid grid-cols-2 md:grid-cols-4 border-t border-b border-foreground/10"> <div className="grid grid-cols-2 md:grid-cols-4 border-t border-b border-foreground/10">
{stats.map((stat, i) => ( {stats.map((stat, i) => (
<div <div
key={i} key={i}
className={` className={`
px-6 py-10 flex flex-col items-center text-center px-6 py-10 flex flex-col items-center text-center
/* Desktop: Only show right border if it is NOT the last item */ /* Desktop: Vertical borders between items, but not on the last one */
${i < stats.length - 1 ? 'md:border-r md:border-foreground/10' : ''} ${i < stats.length - 1 ? 'md:border-r md:border-foreground/10' : ''}
/* Mobile: Checkerboard border logic */ /* Mobile: Checkerboard border logic */
${i % 2 === 0 ? 'border-r border-foreground/10' : ''} ${i % 2 === 0 ? 'border-r border-foreground/10' : ''}
@ -26,6 +27,6 @@ export function StatsStripBlock({ stats }: StatsStripProps) {
</div> </div>
))} ))}
</div> </div>
</div> </section>
) )
} }