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-03 22:45:27 +08:00
parent d692200d4f
commit 3fb6e228c6
1 changed files with 14 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -1,4 +1,5 @@
import React from 'react'
import { Container } from '@/components/ui/Container' // Adjust path as needed
type Stat = {
value: string
@ -13,19 +14,20 @@ export function StatsStripBlock({ stats }: StatsStripProps) {
if (!Array.isArray(stats) || stats.length === 0) return null
return (
<div
className="grid border-b border-foreground/8"
style={{ gridTemplateColumns: `repeat(${stats.length}, 1fr)` }}
>
{stats.map((stat, i) => (
<div
key={i}
className={`px-6 py-5 ${i < stats.length - 1 ? 'border-r border-foreground/8' : ''}`}
>
<p className="text-2xl font-medium text-foreground">{stat.value}</p>
<p className="text-xs text-foreground/30 mt-1">{stat.label}</p>
<div className="border-b border-foreground/8">
<Container className="px-0">
<div className="grid" style={{ gridTemplateColumns: `repeat(${stats.length}, 1fr)` }}>
{stats.map((stat, i) => (
<div
key={i}
className={`px-6 py-5 ${i < stats.length - 1 ? 'border-r border-foreground/8' : ''}`}
>
<p className="text-2xl font-medium text-foreground">{stat.value}</p>
<p className="text-xs text-foreground/30 mt-1">{stat.label}</p>
</div>
))}
</div>
))}
</Container>
</div>
)
}