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