m/cup
1
0
mirror of https://github.com/sergi0g/cup.git synced 2025-11-15 08:33:49 -05:00

Make statistics grid smaller on mobile

This commit is contained in:
Sergio
2024-12-20 18:13:15 +02:00
parent dc38b84e87
commit 6d08d75ac3

View File

@@ -28,7 +28,7 @@ function App() {
<div <div
className={`bg-white shadow-sm dark:bg-${theme}-900 my-8 rounded-md`} className={`bg-white shadow-sm dark:bg-${theme}-900 my-8 rounded-md`}
> >
<dl className="grid grid-cols-1 gap-1 overflow-hidden *:relative md:grid-cols-2 lg:grid-cols-4"> <dl className="grid grid-cols-2 gap-1 overflow-hidden *:relative lg:grid-cols-4">
{Object.entries(data.metrics).map(([name]) => ( {Object.entries(data.metrics).map(([name]) => (
<Statistic name={name as keyof typeof data.metrics} metrics={data.metrics} key={name} /> <Statistic name={name as keyof typeof data.metrics} metrics={data.metrics} key={name} />
))} ))}